/* Minification failed. Returning unminified contents. (9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (497,36): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (498,43): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (564,16): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (631,15): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (632,16): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (685,21): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (723,10): run-time error CSS1030: Expected identifier, found '.' (723,42): run-time error CSS1031: Expected selector, found ')' (723,42): run-time error CSS1025: Expected comma or open brace, found ')' (1222,20): run-time error CSS1039: Token not allowed after unary operator: '-h-btn' (4426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4464,14): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4552,16): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4553,26): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4558,22): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4558,41): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4559,20): run-time error CSS1039: Token not allowed after unary operator: '-c-conversion' (4560,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4568,18): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4573,41): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (4574,46): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (4575,20): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4583,17): run-time error CSS1039: Token not allowed after unary operator: '-z-cookies' (4604,13): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4694,22): run-time error CSS1039: Token not allowed after unary operator: '-z-cookies' (4702,17): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (4708,21): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4712,31): run-time error CSS1039: Token not allowed after unary operator: '-c-black' (4721,18): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4731,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4732,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4733,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4746,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4747,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4748,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4751,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4752,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4753,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4755,17): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4756,20): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4760,26): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4761,22): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (4764,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4765,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4766,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4773,20): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-light' (4777,17): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (4792,31): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (4797,17): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (4800,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4803,31): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (4819,31): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4820,36): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4844,24): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (4849,19): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4849,34): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4854,19): run-time error CSS1039: Token not allowed after unary operator: '-m-large' (4854,34): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4854,48): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4875,30): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4876,34): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4881,40): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4882,44): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4885,15): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4890,22): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (4891,15): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (4894,40): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4895,44): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4911,22): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4923,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4924,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4925,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (4928,15): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (4933,15): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (4937,15): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (4945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4947,20): run-time error CSS1039: Token not allowed after unary operator: '-s' (4948,21): run-time error CSS1039: Token not allowed after unary operator: '-s' (4949,35): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4950,42): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (4952,28): run-time error CSS1039: Token not allowed after unary operator: '-s' (4976,20): run-time error CSS1039: Token not allowed after unary operator: '-s' (4977,21): run-time error CSS1039: Token not allowed after unary operator: '-s' (4980,20): run-time error CSS1039: Token not allowed after unary operator: '-h' (4981,21): run-time error CSS1039: Token not allowed after unary operator: '-h' (4983,37): run-time error CSS1046: Expect comma, found '0' (4983,41): run-time error CSS1046: Expect comma, found ')' (4984,37): run-time error CSS1046: Expect comma, found '0' (4984,41): run-time error CSS1046: Expect comma, found ')' (4985,26): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (4994,22): run-time error CSS1039: Token not allowed after unary operator: '-s' (4996,24): run-time error CSS1039: Token not allowed after unary operator: '-s' (4997,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (5004,38): run-time error CSS1039: Token not allowed after unary operator: '-s' (5014,20): run-time error CSS1039: Token not allowed after unary operator: '-s' (5015,21): run-time error CSS1039: Token not allowed after unary operator: '-s' (5019,30): run-time error CSS1039: Token not allowed after unary operator: '-s' (5020,31): run-time error CSS1039: Token not allowed after unary operator: '-s' (5037,35): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5038,39): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5061,26): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (5064,33): run-time error CSS1039: Token not allowed after unary operator: '-s' (5070,33): run-time error CSS1039: Token not allowed after unary operator: '-s' (5079,33): run-time error CSS1039: Token not allowed after unary operator: '-s' (5082,40): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5083,44): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5108,35): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (5109,30): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (5110,27): run-time error CSS1039: Token not allowed after unary operator: '-e-cb' (5111,15): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5114,15): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (5121,25): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5130,39): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5131,46): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5161,20): run-time error CSS1039: Token not allowed after unary operator: '-c-conversion' (5164,20): run-time error CSS1039: Token not allowed after unary operator: '-c-error' (5183,35): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5184,39): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5201,31): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (5206,17): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (5209,15): run-time error CSS1039: Token not allowed after unary operator: '-c-white' (5212,31): run-time error CSS1039: Token not allowed after unary operator: '-c-base' (5217,24): run-time error CSS1039: Token not allowed after unary operator: '-z-content' (5221,31): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5222,36): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5226,40): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5227,44): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5228,22): run-time error CSS1039: Token not allowed after unary operator: '-m-small' (5242,36): run-time error CSS1039: Token not allowed after unary operator: '-m-small' (5243,41): run-time error CSS1039: Token not allowed after unary operator: '-m-small' (5251,23): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5253,19): run-time error CSS1039: Token not allowed after unary operator: '-fs-base' (5261,15): run-time error CSS1039: Token not allowed after unary operator: '-c-primary' (5292,17): run-time error CSS1039: Token not allowed after unary operator: '-m-base' (5293,20): run-time error CSS1039: Token not allowed after unary operator: '-c-gray-border' (5315,25): run-time error CSS1030: Expected identifier, found '.' (5315,42): run-time error CSS1031: Expected selector, found ')' (5315,42): run-time error CSS1025: Expected comma or open brace, found ')' (5328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5331,20): run-time error CSS1039: Token not allowed after unary operator: '-h' (5332,16): run-time error CSS1039: Token not allowed after unary operator: '-h' (5343,38): run-time error CSS1039: Token not allowed after unary operator: '-h' (5344,38): run-time error CSS1039: Token not allowed after unary operator: '-h' (5345,38): run-time error CSS1039: Token not allowed after unary operator: '-h' (5362,21): run-time error CSS1039: Token not allowed after unary operator: '-h' (5363,20): run-time error CSS1039: Token not allowed after unary operator: '-h' (6776,28): run-time error CSS1034: (6776,28): run-time error CSS1042: Expected function, found ';' (6776,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' */ @charset "UTF-8"; /* BASE */ /* MEDIA QUERIES */ /* COLORS */ /* FONTS */ /* LINE-HEIGHT */ /* Z-INDEX */ :root { --h-btn: 4rem; } /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .vh { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .skip-link { position: absolute; top: 0; left: -9999px; z-index: 10001; padding: 6px 12px; background: #ab1269; color: #FFF; } .skip-link:focus { left: 0; } #skip-content { outline: none; } /* ELEMENTS */ .c-readspeaker__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 1rem; margin: 0 0 4rem; } .c-readspeaker__bar [class*=" rsicn-"], .c-readspeaker__bar [class*=" rsicn-"]:before, .c-readspeaker__bar [class^="rsicn-"], .c-readspeaker__bar [class^="rsicn-"]:before { color: #0070b1 !important; } .c-readspeaker__bar .rsbtn { -webkit-margin-after: 0; margin-block-end: 0; } .c-readspeaker__bar .rsbtn .rsbtn_play, .c-readspeaker__bar .btn { width: auto; border-radius: 6px; font-weight: 600; color: #0066a4; font-family: "Open Sans webReader", Helvetica, Arial, sans-serif; font-size: 1.6rem; } .c-readspeaker__bar .btn--rs-download { font-family: "Asap", sans-serif; } .c-readspeaker__bar .rsbtn { border-radius: 0; } .c-readspeaker__bar .rsbtn::before, .c-readspeaker__bar .rsbtn::after { display: none; } .c-readspeaker__bar .rsbtn .rsbtn_play { width: -webkit-fill-available; width: -moz-available; width: fill-available; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; float: none; padding-inline: 2rem; } .c-readspeaker__bar .rsbtn .rsbtn_play::before, .c-readspeaker__bar .rsbtn .rsbtn_play::after { display: none; } .c-readspeaker__bar .rsbtn .rsbtn_tooltoggle ~ .rsbtn_play { -webkit-padding-start: calc(var(--h-btn) + 2rem); padding-inline-start: calc(var(--h-btn) + 2rem); } @media screen and (max-width: 47.9em) { .c-readspeaker__bar > * { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } @media screen and (min-width: 48em) { .c-readspeaker__bar .btn.dialog { -webkit-margin-start: auto; margin-inline-start: auto; padding-left: 0; padding-right: 0; background-color: transparent !important; } .c-readspeaker__bar .btn.dialog:hover, .c-readspeaker__bar .btn.dialog:focus { text-decoration: underline; color: #006098; } .c-readspeaker__bar .btn--rs-download { font-weight: 300; } } .rsbtn { border-radius: 6px; margin-bottom: 0; } .rsbtn .rsbtn_exp .rsbtn_exp_inner { background: #f2f2f2 !important; border: 1px solid #d6d6d6 !important; } .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item { border-left: 1px solid #d6d6d6 !important; text-decoration: none !important; } .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:focus, .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item:hover { background: #d6d6d6 !important; } .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown { border: 1px solid #d6d6d6 !important; background: #f2f2f2 !important; padding: 0 !important; } .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_speed_handle, .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_volume_handle { background: #0070b1 !important; } .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_speed_handle .keyLink, .rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_dropdown .rsbtn_slider .rsbtn_volume_handle .keyLink { text-decoration: none !important; } .rs_addtools, .rsbtn { padding-bottom: 0 !important; display: inline-block; z-index: 11 !important; } .rs_addtools .rsbtn_play, .rsbtn .rsbtn_play { border: 0px !important; height: var(--h-btn) !important; margin-bottom: 0 !important; } @media screen and (min-width: 48em) { .rs_addtools .rsbtn_play, .rsbtn .rsbtn_play { padding-left: 36px; } } .rs_addtools .rsbtn_play .rsbtn_left, .rsbtn .rsbtn_play .rsbtn_left { margin-left: 12px !important; } .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span, .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span { font-weight: 400 !important; line-height: 32px !important; color: #666 !important; } .rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text::before, .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text::before { color: #a2a2a2 !important; line-height: 32px !important; } .rs_addtools .rsbtn_play .rsbtn_right, .rsbtn .rsbtn_play .rsbtn_right { border-left: 1px solid #d6d6d6 !important; } .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered .rsbtn_btnlabel a, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered .rsbtn_btnlabel span, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered .rsbtn_btnlabel a, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_powered .rsbtn_btnlabel span { padding-left: 0 !important; text-decoration: none !important; font-size: 0.8em !important; } .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool:focus, .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool:hover, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool:focus, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li .rsbtn_tool:hover { background: #d6d6d6 !important; } .rs_addtools .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li, .rsbtn .rsbtn_toolpanel .rsbtn_tools .rsbtn_tools_inner .rsbtn_toolcontainer .rsbtn_toollist li { border-color: #d6d6d6 !important; text-decoration: none !important; } .rs_addtools .rsbtn_toolpanel .rsbtn_tools, .rsbtn .rsbtn_toolpanel .rsbtn_tools { border: 1px solid #d6d6d6 !important; margin-top: 5px !important; background: #f2f2f2 !important; } .rs_addtools .rsbtn_tooltoggle, .rsbtn .rsbtn_tooltoggle { border-left: 0px !important; border-top: 0px !important; border-bottom: 0px !important; border-right: 1px solid #d6d6d6 !important; margin: 0 !important; } .rs_addtools .rsbtn_tooltoggle, .rsbtn .rsbtn_tooltoggle { left: 0 !important; top: 0 !important; bottom: 0 !important; margin: 0 !important; width: var(--h-btn) !important; height: var(--h-btn) !important; border-right: 1px solid #d6d6d6 !important; border-left: 0 !important; } .rs_addtools .rsbtn_tooltoggle { background: #f2f2f2 !important; } .rsbtn .rsbtn_tooltoggle { background: transparent !important; } .rs_addtools.zoom-tooltoggler .rsbtn_tooltoggle, .rsbtn.zoom-tooltoggler .rsbtn_tooltoggle { line-height: 15px !important; margin: 0 !important; } .rsbtn_tool_settings:before, .rsbtn_tool_read_hover:before { display: none !important; } .rs-player-loadindicator { left: 0 !important; } #rslightbox_contentcontainer #rslightbox_toolbar { background: #f2f2f2 !important; border-bottom: 1px solid #d6d6d6 !important; } #rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool { border-right: 1px solid #d6d6d6 !important; } #rslightbox_contentcontainer #rslightbox_buttons.rsform-buttons { background: #f2f2f2 !important; border-top: 1px solid #d6d6d6 !important; } #rslightbox_contentcontainer #rslightbox_buttons.rsform-buttons .rsdialog-button { background: #0070b1 !important; border: 2px solid #0070b1 !important; } #rslightbox_contentcontainer { border: 0 !important; -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.5) !important; box-shadow: 0 0 32px rgba(0, 0, 0, 0.5) !important; color: #666 !important; } #rslightbox_contentcontainer #rslightbox_closer_container a { border-left: 1px solid #d6d6d6 !important; } #rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool:focus, #rslightbox_contentcontainer #rslightbox_toolbar .rslightbox-tool:hover { background: #d6d6d6 !important; } .rs_addtools .rsbtn_play .rsbtn_right, .rsbtn .rsbtn_play .rsbtn_right { color: #0070b1 !important; line-height: var(--h-btn) !important; } .rs_addtools .rsbtn_play:focus .rsbtn_right::before, .rs_addtools .rsbtn_play:hover .rsbtn_right::before, .rsbtn .rsbtn_play:focus .rsbtn_right::before, .rsbtn .rsbtn_play:hover .rsbtn_right::before { color: #ade7ff !important; } .rspopup { background: #f2f2f2 !important; border: 0 !important; } .rspopup .rspopup_btn::before { color: #0070b1 !important; } .rs_addtools .rsbtn_tooltoggle, .rspopup { border-top: 0 !important; } .rspopup .rspopup_btn { border-top: 1px solid #d6d6d6 !important; } #rsbtn_scrollcontrols { border: 0 !important; } #rsmpl_container { bottom: 0 !important; } .rsbtn .rsbtn_toolpanel.vertical { top: 3.5em !important; position: absolute !important; } html { overflow-y: scroll; min-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } html:has(.dialog__modalwrapper.is-visible) { overflow: hidden; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { padding-top: 6rem; overflow: clip; } @media screen and (min-width: 64em) { body { padding-top: 0rem; } } main { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } iframe { max-width: 100%; } progress { position: fixed; left: 0; top: 0; z-index: 999999999; width: 100%; height: 3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; background-color: #ebebeb; color: #04aade; -webkit-transform: translateZ(0); transform: translateZ(0); } progress::-webkit-progress-bar { background-color: #ebebeb; } progress::-webkit-progress-value { background-color: #04aade; } progress::-moz-progress-bar { background-color: #04aade; } @media screen and (min-width: 48em) { progress { display: none; } } .c-cookie__wrapper { background: rgba(46, 62, 73, 0.95); text-align: center; position: fixed !important; padding: 2rem !important; left: 0; bottom: 0; width: 100%; height: auto; z-index: 100; } .c-cookie__wrapper p { color: #fff; margin-top: 0; } .c-cookie__btn { margin: 0 1rem 0; } .c-cookie__btn + .c-cookie__btn { margin-top: 1rem; } /* SET BASE FONT-SIZE TO 1 > 1EM EQUALS 1PX */ html { font-size: 62.5%; } /* BASE FONT-SIZE FOR PROJECT */ body { font-size: 1.4rem !important; line-height: 1.6; font-family: "Asap", sans-serif !important; } @media screen and (min-width: 48em) { body { font-size: 1.6rem !important; } } strong, .bold { font-weight: 700; } em, i, .italic { font-style: italic; } /* HEADINGS */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Asap", sans-serif; font-size: 3.6rem; font-weight: 400; color: #1a1a1a; } h1, .h1 { font-family: "urbanamedium", sans-serif; font-size: 3.6rem; line-height: 1.2; margin-top: 0; margin-bottom: 0; } h2, .h2 { font-family: "urbanamedium", sans-serif; font-size: 2.4rem; line-height: 1.4; margin-top: 2rem; display: inline-block; } h3, .h3 { font-family: "Asap", sans-serif; font-size: 1.8rem; line-height: 1.4; margin-top: 2rem; display: inline-block; font-weight: 700; } h4, .h4 { font-family: "urbanamedium", sans-serif; font-size: 1.8rem; line-height: 1.4; margin-bottom: 0rem; } @media screen and (max-width: 47.9em) { * { word-break: break-word; } } a { color: #0070b1; } .rte--dark { color: #ffffff; } .rte--dark * { color: #ffffff; } .button { text-decoration: none; padding: 0 2rem; height: 4rem; line-height: 4rem; border: 0; background-color: black; display: inline-block; color: white; border-radius: 2rem; font-family: "Asap", sans-serif !important; background-color: #0070b1; } .button * { text-decoration: none; } .button:hover, .button:focus { background-color: #2e3e49; } .button--roze { background-color: #9e0b6c !important; } .button--roze:hover, .button--roze:focus { background-color: #2e3e49 !important; } .button a { color: white !important; } .larger { font-size: 2.1rem; max-width: 90rem; } .rte ul, .rte ol { padding-left: 2rem; } .rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3 { display: block; margin-bottom: 2rem; } .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 { display: block; margin-bottom: 2rem; } .rte small { line-height: 1.6; opacity: 0.75; font-style: italic; display: inline-block; margin: 1rem 0; } .rte img { position: relative !important; max-width: 100%; height: auto !important; } .rte [class*="l-image__parent--"] > img { position: absolute !important; } .rte .l-container { padding: 0 !important; } .rte .l-content { padding: 0 !important; } .rte .l-image__parent { margin-top: 2.1rem; } .rte .l-grid { margin-left: -3rem; } .rte .l-grid [class*="l-col--"] { padding-left: 3rem; } @media screen and (min-width: 48em) { .rte ul, .rte ol { padding-left: 4rem; } } .rte .larger { font-size: 2.1rem; max-width: 90rem; } .rte table { border-collapse: collapse; width: 100%; text-align: left; vertical-align: top; margin-top: 2rem; } .rte table * { border: 0; cell-spacing: 0; text-align: left !important; } .rte tr td, .rte tr th { padding: 0.75rem 1.5rem; vertical-align: top; } .rte thead tr td, .rte thead tr th { padding: 1.25rem 1.5rem; } .rte tr { border-bottom: 1px solid rgba(128, 201, 233, 0.15); } .rte tr:nth-of-type(odd) { background: rgba(128, 201, 233, 0.05); } .rte tr:nth-of-type(even) { background: rgba(128, 201, 233, 0.1); } .rte thead tr { background: rgba(128, 201, 233, 0.25) !important; } @media screen and (max-width: 63.9em) { .rte tr td, .rte tr th { width: 25rem !important; max-width: 25rem !important; } .rte table { overflow-x: auto; display: block; border: 2px solid rgba(128, 201, 233, 0.35); position: relative; } .rte tr td, .rte tr th { background: -webkit-gradient(linear, left top, right top, from(rgba(128, 201, 233, 0)), to(rgba(128, 201, 233, 0.15))); background: -webkit-linear-gradient(left, rgba(128, 201, 233, 0) 0%, rgba(128, 201, 233, 0.15) 100%); background: -o-linear-gradient(left, rgba(128, 201, 233, 0) 0%, rgba(128, 201, 233, 0.15) 100%); background: linear-gradient(90deg, rgba(128, 201, 233, 0) 0%, rgba(128, 201, 233, 0.15) 100%); } } .rte .btn, .rte .button { margin-bottom: 1rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .rte .btn a, .rte .button a { display: -webkit-box; display: -ms-flexbox; display: flex; } .rte .btn a::after, .rte .button a::after { content: ""; width: 2rem; height: 2rem; top: 0; bottom: 0; margin: auto 0 auto 1rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); border-radius: 50%; background-color: rgba(0, 0, 0, 0.15); background-size: 50%; display: inline-block; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NHB4IiBoZWlnaHQ9IjQ0cHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LjksMjJjMC0wLjcsMC4zLTEuNCwwLjgtMkwyNi45LDIuOGMxLjEtMS4xLDIuOS0xLjEsNCwwYzEuMSwxLjEsMS4xLDIuOSwwLDRMMTUuNiwyMmwxNS4yLDE1LjJjMS4xLDEuMSwxLjEsMi45LDAsNGMtMS4xLDEuMS0yLjksMS4xLTQsMEw5LjcsMjRDOS4xLDIzLjQsOC45LDIyLjcsOC45LDIyeiIvPjwvZz48L2c+PC9zdmc+); } @media screen and (min-width: 48em) { .rte .btn, .rte .button { margin-bottom: 0rem; margin-top: 1rem; height: auto; min-height: 4rem; } } .c-content__mediabox { position: relative; } .c-content__mediabox__link { position: relative; display: block; overflow: hidden; background: #2e3e49 !important; } .c-content__mediabox__link:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 6rem; height: 6rem; margin: auto; z-index: 10; background: #ffffff; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-content__mediabox__link:after { content: ""; position: absolute; left: 0.5rem; top: 0; right: 0; bottom: 0; width: 2rem; height: 2rem; margin: auto; z-index: 10; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIwLjAwMSAzMjAuMDAxIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMjAuMDAxIDMyMC4wMDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPjxnPjxwYXRoIGQ9Ik0yOTUuODQsMTQ2LjA0OWwtMjU2LTE0NGMtNC45Ni0yLjc4NC0xMS4wMDgtMi43Mi0xNS45MDQsMC4xMjhDMTkuMDA4LDUuMDU3LDE2LDEwLjMwNSwxNiwxNi4wMDF2Mjg4ICBjMCw1LjY5NiwzLjAwOCwxMC45NDQsNy45MzYsMTMuODI0YzIuNDk2LDEuNDQsNS4yOCwyLjE3Niw4LjA2NCwyLjE3NmMyLjY4OCwwLDUuNDA4LTAuNjcyLDcuODQtMi4wNDhsMjU2LTE0NCAgYzUuMDI0LTIuODQ4LDguMTYtOC4xNiw4LjE2LTEzLjk1MlMzMDAuODY0LDE0OC44OTcsMjk1Ljg0LDE0Ni4wNDl6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjMDA3MEIxIi8+PC9nPiA8L3N2Zz4=); } .c-content__mediabox__link img { position: absolute !important; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-content__mediabox__link:hover img, .c-content__mediabox__link:focus img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: 0.5; } .c-content__mediabox__picture { width: 100%; padding-top: 56.25% !important; background: #2e3e49 !important; margin: 0 !important; } .c-content__mediabox__img { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (max-width: 63.9em) { .c-content__mediabox { margin-top: 2rem; } } /* Reset from Tailwind Preflight */ button { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: theme("borderColor.DEFAULT", currentColor); /* 2 */ font-family: inherit; /* 1 */ -webkit-font-feature-settings: inherit; font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ text-transform: none; -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ cursor: pointer; } /* BASIC BUTTON ELEMENT */ .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; zoom: 1; line-height: normal; white-space: nowrap; vertical-align: baseline; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-decoration: none; padding: 0 2rem; min-height: var(--h-btn, 4rem); width: 100%; line-height: 4rem; border: 0; background-color: #0070b1; cursor: pointer; color: white; border-radius: 2rem; font-family: "Asap", sans-serif !important; } .btn * { text-decoration: none; } .btn:hover { background-color: #2e3e49; } .btn .icon--arrow-w:not([class*="rotate"]) { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .btn--dark { background-color: #2e3e49; } .btn--dark:hover, .btn--dark:focus { background-color: #0c1c27; } .btn--blue-b { background-color: #04aade; } .btn--blue-b:hover, .btn--blue-b:focus { background-color: #2e3e49; } .btn--blue-c { background-color: #0070b1; } .btn--blue-c:hover, .btn--blue-c:focus { background-color: #2e3e49; } .btn--pink-c { background-color: #9e0b6c; } .btn--pink-c:hover, .btn--pink-c:focus { background-color: #2e3e49; } .btn--white { background-color: white; color: #9e0b6c !important; } .btn--white .icon--round { background-color: #9e0b6c; } .btn--white-dark { background-color: white; color: #2e3e49 !important; } .btn--white-dark .icon--round { background-color: #2e3e49; } .btn--white-blue { background-color: white; color: #0070b1 !important; } .btn--white-blue .icon--round { background-color: #0070b1; } .btn--white:hover, .btn--white:focus, .btn--white-blue:hover, .btn--white-blue:focus { background-color: #2e3e49; color: white !important; border-color: #2e3e49; } .btn--white:hover .icon--round, .btn--white:focus .icon--round, .btn--white-blue:hover .icon--round, .btn--white-blue:focus .icon--round { background-color: #2e3e49; } .btn--gray { background-color: #f2f2f2 !important; color: #0070b1; } .btn--gray:hover, .btn--gray:focus { background-color: #e5e5e5 !important; } .btn--empty { background-color: transparent; border: 1px solid white; color: white !important; } .btn--empty:hover, .btn--empty:focus { background-color: white; color: #2e3e49 !important; } .btn--empty-dark { background-color: transparent; border: 1px solid #6d6c6c; color: #6d6c6c !important; } .btn--empty-dark:hover, .btn--empty:focus { background-color: #2e3e49; color: white !important; } .btn--transparent { background-color: transparent; color: #0070b1; text-decoration: underline; } .btn--transparent:hover, .btn--transparent:focus { background-color: transparent; color: #2e3e49; } @media screen and (min-width: 48em) { .btn { width: auto; } } .btn--edit { position: fixed; bottom: 3rem; right: 3rem; z-index: 19; } /* BASIC STYLING FORM ELEMENTS */ .f-input { padding: 0.5em 1em; display: block; border: 1px solid #ccc; -webkit-box-shadow: inset 0 0 0 #ddd; box-shadow: inset 0 0 0 #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; } /* BASIC FOCUS STATE */ .f-input:focus { outline: 0; border-color: #129fea; } /* BASIC DISABLED STATE */ .f-input[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; } /* BASIC READONLY STATE */ .f-input[readonly] { background: #eee; color: #777; border-color: #ccc; } form, fieldset, .captha, .g-recaptcha, .g-recaptcha *, .contour, .contourPage, .contourField, .contourFieldSet { max-width: 40rem !important; width: 100% !important; } .contour { margin-top: 2rem; } .f-input, input, textarea, select, option { background: white; max-width: 100%; border: 1px solid #c9c9c9; border-radius: 0.4rem; padding: 1rem 1.5rem; font-family: "Asap", sans-serif !important; width: 100%; } .f-input--round, input--round, textarea--round, select--round, option--round { padding: 0 2rem 0 1rem; height: 4rem; line-height: 4rem; border-radius: 2rem; } .f-input--icon, input--icon, textarea--icon, select--icon, option--icon { padding-left: 4.5rem; position: relative; } .f-input--icon + .icon, input--icon + .icon, textarea--icon + .icon, select--icon + .icon, option--icon + .icon { position: absolute; left: 1.5rem; top: 0; bottom: 0; margin: auto 0; } select, option { -webkit-appearance: none; -moz-appearance: none; appearance: none; } fieldset { margin-bottom: 2rem; } .help-block { opacity: 0.5; display: block; width: 100%; } .f-submit { position: absolute; top: 0; left: auto; right: 0; } .f-form { position: relative; } .f-selectholder { position: relative; width: 100%; } .f-selectholder:after { content: ""; position: absolute; width: 1.2rem; height: 1.2rem; top: 0; bottom: 0; left: auto; right: 2rem; margin: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-size: cover; } .field-validation-error { color: #cc3a3a; font-size: 1.4rem; } .input-validation-error { border-color: #cc3a3a; } .validation-summary-errors { color: #cc3a3a; border: 1px solid #cc3a3a; background: rgba(204, 58, 58, 0.1); font-size: 1.4rem; } .contourField, .validation-summary-errors, .g-recaptcha { margin-bottom: 2rem; } .f-input--abcpage { width: auto !important; display: inline-block; border-radius: 0.4rem 0 0 0.4rem; margin-bottom: 3rem; } .f-input--abcpage + .btn { border-radius: 0 0.4rem 0.4rem 0; } form .form-group:nth-of-type(1) { margin-top: 2rem; } .form-group { margin-bottom: 1rem; } .c-handtekeningform__form { max-width: 100% !important; } .c-handtekeningform__field { width: 100%; background: rgba(235, 235, 235, 0.5); padding: 0.5rem 1rem; display: block; border-top: 1px solid #ebebeb; position: relative; } .c-handtekeningform__field:nth-of-type(even) { background: rgba(235, 235, 235, 0.25); } .c-handtekeningform__field--2-3 { width: 100%; padding: 0.25rem 1rem 1rem; } .c-handtekeningform__field--1-3 { width: 100%; padding: 0.25rem 3rem 1rem 1rem; } @media screen and (min-width: 64em) { .c-handtekeningform__field { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-handtekeningform__field--2-3 { width: 66.66%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-handtekeningform__field--1-3 { width: 33.33%; padding: 0.25rem 1rem 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .c-handtekeningform__info { width: 2.5rem; -ms-flex-item-align: center; align-self: center; text-align: center; position: relative; float: right; position: absolute; top: 1rem; left: auto; right: 1rem; } .c-handtekeningform__info-wrapper { display: none; padding: 1rem; border: 0; color: white; position: absolute; top: auto; left: -99999px; right: -99999px; bottom: 3rem; margin: 0 auto; width: 25rem; font-size: 1.4rem; line-height: 1.4; background: #0070b1; border-radius: 0.5rem; } .c-handtekeningform__info-button { width: 2rem; height: 2rem; border: 0; display: inline-block; background: #0070b1; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-handtekeningform__info-button:before { content: ""; width: 100%; height: 100%; display: block; background-size: 60%; background-position: center; background-repeat: no-repeat; } .c-handtekeningform__info-button:hover { background: #04aade; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-handtekeningform__info-button:hover + .c-handtekeningform__info-wrapper { display: block; } @media screen and (min-width: 64em) { .c-handtekeningform__info { top: 1.8rem; } } .c-handtekeningform__label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-weight: 700; } .c-handtekeningform__labelinfo { float: right; } .c-handtekeningform__input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; margin-right: 0.5rem; } @media screen and (min-width: 64em) { .c-handtekeningform__input { max-width: 40%; } } @media screen and (min-width: 79.5em) { .c-handtekeningform__input { max-width: 50%; } } .c-handtekeningform__input + .c-handtekeningform__checkbox { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 2rem; margin-top: -0.2rem; } .c-handtekeningform__checkbox { width: auto; margin: 0 0.5rem 0 0; position: relative; top: 0.2rem; } .c-handtekeningform__input--full { max-width: 100%; } .c-handtekeningform__form .f-selectholder { max-width: 100%; } @media screen and (min-width: 64em) { .c-handtekeningform__input + .c-handtekeningform__checkbox { margin-top: 0; } .c-handtekeningform__checkbox { margin: 0 0.5rem 0 0; } .c-handtekeningform__input--full { max-width: calc(100% - 3rem); } .c-handtekeningform__form .f-selectholder { max-width: calc(100% - 3rem); } } .c-form--specialform form fieldset > div.clearfix { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-form--specialform form fieldset > div.clearfix > label + input { width: auto; margin: 0 20px; } .c-form--mailpro label { font-weight: bold; } .c-form--mailpro input { margin-block: 8px; } .c-form--mailpro.c-form--mailpro--message { border-radius: 0.4rem; padding: 1rem 1.5rem; margin-block: 16px; } .c-form--mailpro.c-form--mailpro--message--error { background-color: #fbe3e4; border-color: #fbc2c4; } .c-form--mailpro.c-form--mailpro--message--success { border-color: #37b76b; background-color: #89e9af; } .c-form--mailpro [data-id="email-error"] { color: #cc3a3a; } .umbraco-forms-form { margin-top: 2rem; padding-top: 10px !important; } .umbraco-forms-fieldset { margin: 0 !important; padding: 0 !important; } .umbraco-forms-field { max-width: 40rem !important; width: 100% !important; margin-bottom: 2rem; } .radiobuttonlist { padding: 10px; } .umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox { float: none !important; } .umbraco-forms-form .checkboxlist input, .umbraco-forms-form .radiobuttonlist input, .umbraco-forms-form .checkbox input { margin-right: 0.5rem; } .umbraco-forms-form .checkboxlist label { float: none !important; } .umbraco-forms-form .umbraco-forms-navigation { padding: 0 !important; } /* PERPLEX */ .accordion { /* &__wrapper {margin-top: 2rem;} */ } .accordion__header { cursor: pointer; } .accordion__panel[aria-hidden="true"] { display: none; } .accordion__panel[aria-hidden="false"] { display: block; } .accordion__list { list-style: none; margin: 0; padding: 0; width: 100%; border-bottom: 1px solid #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 3rem; } .accordion__item { margin: 0; padding: 0; } @media screen and (min-width: 64em) { .accordion__item--half { width: 48%; max-width: 48%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .accordion__item--half:nth-of-type(even) { margin-left: 4%; } } .accordion__header { position: relative; margin-top: 1rem; border-radius: 0.3rem; font-family: "urbanamedium", sans-serif; font-size: 1.8rem; color: black; border: 0; background: #ebebeb; display: block; padding: 1.5rem 2rem 1.2rem; width: 100%; text-align: left; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .accordion__header:nth-of-type(1) { margin-top: 0rem; } .accordion__header:nth-last-of-type(1) { margin-bottom: 2rem; } .accordion__header:hover { background: #c9c9c9; cursor: pointer; } .accordion__header:before { content: ""; display: block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 0; bottom: 0; left: auto; right: 2rem; margin: auto 0; width: 2rem; height: 2rem; border-radius: 50%; background-color: rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-size: 60%; background-position: center; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .accordion__header[aria-expanded="true"] { border-radius: 0.3rem 0.3rem 0 0; } .accordion__header[aria-expanded="true"]:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion__panel { border: 2px solid #ebebeb; padding: 0.5rem 2rem 1rem; border-radius: 0 0 0.3rem 0.3rem; } .vh { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; color: #000; background: #fff; } body:hover .vh a, body:hover .vh input, body:hover .vh button { display: none !important; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-slider { padding: 0; margin: 0; } .carousel__prev, .carousel__next { background: #2e3e49; border: 0; font-size: 0; color: transparent; width: 3.5rem; height: 3.5rem; padding: 0; margin: 0; margin-top: -3.5rem; border-radius: 50%; position: absolute; top: 50%; left: -0.5rem; z-index: 10; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .carousel__prev:after, .carousel__next:after { content: ''; width: 1.5rem; height: 1.5rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } .carousel__next { left: auto; right: -0.5rem; } .carousel__next:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .carousel__prev:hover, .carousel__next:hover { background: #9e0b6c; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (min-width: 48em) { .carousel__prev, .carousel__next { left: 0; } .carousel__next { left: auto; right: 0; } } .carousel__dots { list-style-type: none; margin: 0; padding: 0; text-align: center; margin-top: 2rem; } .carousel__dots li { display: inline-block; width: 1.5rem; height: 1.5rem; margin: 0 0.35rem; border-radius: 50%; background: #2e3e49; opacity: 0.25; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .carousel__dots li:hover { background: #9e0b6c; opacity: 1; cursor: pointer; } .carousel__dots li.slick-active { opacity: 1; } .carousel__dots li button { display: none; } /* LAYOUT */ /***************************************************************************** LAYOUT MODULE FOR IMAGES *****************************************************************************/ .l-image__parent { position: relative; display: block; background-image: url("/media/gfx/loader-heart.gif"); background-color: #ebebeb; background-size: 7.5rem 2.5rem; background-position: center 50%; background-repeat: no-repeat; } .l-image__parent--landscape { height: 0; padding-top: 66.66%; } .l-image__parent--landscape16x9 { height: 0; padding-top: 56.25%; } .l-image__parent--square { height: 0; padding-top: 100%; } .l-image__parent--portrait { height: 0; padding-top: 150%; } .l-image__item { width: 100%; height: auto; display: block; margin: auto; position: absolute; top: 0; left: 0; background: #ffffff; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } img { font-style: italic; vertical-align: middle; } /* CHANGE BOX-SIZING MODEL TO BORDER-BOX*/ *, html { -webkit-box-sizing: border-box; box-sizing: border-box; } /* CONTAINER BASE */ .l-container { width: 100%; margin: 0 auto; z-index: 10; padding: 6rem 0; position: relative; } .l-container > * { position: relative; z-index: 10; } .l-container--nopadding { padding: 0; } .l-container--arrow { margin-top: -4rem; margin-bottom: 2rem; } .l-container--arrow .c-title__iconwrap { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .l-container--smpadding { padding: 2rem 0; } @media screen and (min-width: 64em) { .l-container--smpadding { padding: 3rem 0; } } .l-container--padding-bot { padding-bottom: 0; } .l-container--padding-top { padding-top: 0; } .l-container--no-overflow { overflow: hidden; } .l-container--xs-bottom { z-index: 20; } .l-container--xs-bottom + .l-container { padding-top: 0.5rem; } .l-container--blue { background: #e0f6ff; } .l-container--blue-half:after { content: ""; width: 100%; height: 50%; background: #e0f6ff; position: absolute; top: auto; bottom: 0; z-index: 9; } .l-container--blue-half + .l-container--blue-half:after { top: 0; bottom: auto; height: 65%; } .l-container--pink-c { background: #9e0b6c; } .l-container--light { background: #ebebeb; } .l-container--lightGray { background: #f7f7f7; border-top: 2px solid #ebebeb; } @media screen and (max-width: 63.9em) { .l-container--arrow { margin-top: 0; margin-bottom: -4rem; } } @media screen and (max-width: 47.9em) { .l-container--blue-half:after { height: 100%; top: 0; bottom: 0; } .l-container--arrow { display: none; } } /* CONTENT BASE */ .l-content { padding: 0 2rem; max-width: 100%; margin: 0 auto; width: 100%; position: relative; } @media screen and (min-width: 79.5em) { .l-content { padding: 0 2rem; max-width: 1272px; } } /* BASIC GRID ELEMENT*/ .l-grid { letter-spacing: -0.31em; text-rendering: optimizespeed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .l-grid [class*="l-col--"] { display: inline-block; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } @media screen and (min-width: 48em) { .l-grid { margin-left: -4rem; } .l-grid [class*="l-col--"] { padding-left: 4rem; } .l-grid--nopadding { margin-left: 0; } .l-grid--nopadding [class*="l-col--"] { padding-left: 0rem; } } @media screen and (max-width: 47.9em) { .l-grid--reverse-mobile > div:last-child { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } } .l-grid--top { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .l-grid--stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .l-grid--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .l-grid--bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .l-grid--baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .l-grid--normal { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } .l-grid--start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .l-grid--middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .l-grid--end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .l-grid--between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .l-grid--around { -ms-flex-pack: distribute; justify-content: space-around; } /* BASE GRID */ .l-col--1-4 { width: 25%; } .l-col--1-3 { width: 33.3333%; } .l-col--1-2 { width: 50%; } .l-col--3-4 { width: 75%; } .l-col--1-1 { width: 100%; } .l-col--2-3 { width: 66.6667%; } .l-col--1-5 { width: 20%; } .l-col--2-5 { width: 40%; } /* RESPONSIVE GRID > 48EM */ @media screen and (min-width: 48em) { .l-col--md-1-4 { width: 25%; } .l-col--md-1-3 { width: 33.3333%; } .l-col--md-1-2 { width: 50%; } .l-col--md-2-3 { width: 66.6667%; } .l-col--md-3-4 { width: 75%; } .l-col--md-1-1 { width: 100%; } .l-col--md-1-5 { width: 20%; } .l-col--md-2-5 { width: 40%; } .l-col--md-3-5 { width: 60%; } } /* RESPONSIVE GRID > 64EM */ @media screen and (min-width: 64em) { .l-col--lg-1-5 { width: 20%; } .l-col--lg-1-4 { width: 25%; } .l-col--lg-1-3 { width: 33.3333%; } .l-col--lg-2-5 { width: 40%; } .l-col--lg-1-2 { width: 50%; } .l-col--lg-3-5 { width: 60%; } .l-col--lg-2-3 { width: 66.6667%; } .l-col--lg-3-4 { width: 75%; } .l-col--lg-4-5 { width: 80%; } } .l-iframe__parent { position: relative; width: 100%; aspect-ratio: 1.77777778; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #2e3e49; overflow: hidden; } .l-iframe__parent iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .l-iframe__preview, .rte img.l-iframe__preview { width: 104% !important; height: 104% !important; position: absolute !important; -o-object-fit: cover !important; object-fit: cover !important; top: -2%; left: -2%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; opacity: 1; max-width: 104% !important; } .l-iframe__parent:hover .l-iframe__preview { opacity: 0.6; } .l-iframe__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8rem; height: 8rem; background: #0070b1; z-index: 11; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .l-iframe__button:before { content: ''; margin-left: 4px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #FFF; } .l-iframe__button:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* COMPONENTS */ /* HEADER */ .c-header { display: none; position: fixed; z-index: 200; background: #ffffff; top: 0; } .c-header__topbar { padding: 1rem 0; background: #ebebeb; border-bottom: 1px solid #dadada; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header__topbar > .l-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 22rem; } .c-header__slogan { font-size: 1.2rem; padding-top: 0.3rem; width: 22rem; display: inline-block; position: absolute; top: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header__slogan span { font-style: italic; } .c-header__search { position: relative; } @media screen and (min-width: 79.5em) { .c-header__slogan { font-size: 1.4rem; padding-top: 1rem; width: 60rem; } } .c-header__right { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .c-header__buttons > * { margin-left: 1rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto !important; } .c-header__buttons .btn { padding-right: 1.75rem; padding-left: 1.75rem; } .c-header .js-search { width: 25rem; margin-bottom: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header .js-search.s-open { width: 60rem; padding-right: 10rem; } .c-header .f-submit { border-radius: 0 2rem 2rem 0; } .c-header .f-hidden { opacity: 0; } .c-header .js-search + span + input { pointer-events: none; } .c-header .js-search.s-open + span + input { pointer-events: all; } .c-header__logo { opacity: 0; width: 13rem; max-width: 13rem; position: absolute; top: -2rem; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header__logo a, .c-header__logo a img { display: block; width: 100%; } .c-header__navbutton { opacity: 0; pointer-events: none; position: absolute; z-index: 999; left: 3rem; top: -2rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header.s-fixed .js-search { width: 24rem; } .c-header.s-fixed .c-header__left { max-width: 13rem; } .c-header.s-fixed .c-header__logo { opacity: 1; top: -0.1rem; } .c-header.s-fixed .c-header__navbutton { opacity: 1; pointer-events: all; top: 0rem; } .c-header.s-fixed .c-header__topbar { border-bottom: 1px solid #dadada; } .c-header.s-fixed .c-header__slogan { top: 3rem; opacity: 0; } @media screen and (min-width: 64em) { .c-header { display: block; } .c-header__logo { width: 13rem; } } @media screen and (min-width: 79.5em) { .c-header.s-fixed .js-search { width: 36rem; } } .c-header__account { position: relative; } .c-header__account-toggle:after { -ms-flex-negative: 0; flex-shrink: 0; content: ""; width: 1rem; height: 1rem; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0NHB4IiBoZWlnaHQ9IjQ0cHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04LjksMjJjMC0wLjcsMC4zLTEuNCwwLjgtMkwyNi45LDIuOGMxLjEtMS4xLDIuOS0xLjEsNCwwYzEuMSwxLjEsMS4xLDIuOSwwLDRMMTUuNiwyMmwxNS4yLDE1LjJjMS4xLDEuMSwxLjEsMi45LDAsNGMtMS4xLDEuMS0yLjksMS4xLTQsMEw5LjcsMjRDOS4xLDIzLjQsOC45LDIyLjcsOC45LDIyeiIvPjwvZz48L2c+PC9zdmc+); } .c-header__account-list { display: none; position: absolute; left: 0; right: 0; margin: 0 auto; top: 4.5rem; padding: 1rem 2rem; width: 100%; background: #ffffff; -webkit-box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.25); box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.25); border-radius: 2px; } .c-header__account-list:before { content: ""; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; width: 2rem; height: 2rem; background: #ffffff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-header__account-item { position: relative; display: block; width: 100%; font-size: 1.4rem; color: #0070b1; padding: 0.5rem 0; text-align: left; cursor: pointer; text-decoration: underline; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-header__account-item:hover { opacity: 0.5; } .c-breadcrumbs { background: #ebebeb; border-bottom: 1px solid #c9c9c9; } .c-breadcrumbs__list { display: none; list-style: none; margin: 0; padding: 0; } .c-breadcrumbs__item { display: inline-block; } .c-breadcrumbs__link { color: white; padding-right: 1.5rem; position: relative; margin-right: 1.5rem; text-decoration: none; padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.4rem; display: inline-block; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-breadcrumbs__link:hover { text-decoration: underline; opacity: 0.8rem; } .c-breadcrumbs__link:after { content: ''; position: absolute; display: block; top: 0; bottom: 0; left: auto; right: -1.25rem; margin: auto 0; width: 2rem; height: 2rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-size: 50%; background-position: center; background-repeat: no-repeat; } .c-breadcrumbs__link--noclick { opacity: 0.5; } .c-breadcrumbs__link--noclick:after { display: none; } .c-breadcrumbs__mob-btn { display: block; max-width: 90%; margin: 1rem auto; white-space: normal; } @media screen and (min-width: 48em) { .c-breadcrumbs { background: #005fa0; border-bottom: 0; } .c-breadcrumbs__list { display: block; } .c-breadcrumbs__mob-btn { display: none; } } /* NAV */ .c-nav { z-index: 198; position: relative; } .c-nav > .l-content { position: static; } .c-nav__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; position: static; margin-top: 6rem; } .c-nav__logo { border-color: green; padding: 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-nav__logo a { width: 100%; display: block; } .c-nav__logo a img { width: 100%; display: block; } .c-nav__logo img { opacity: 0; -webkit-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-nav__logo.animated img { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (min-width: 64em) { .c-nav__logo { max-width: 10rem; } } @media screen and (min-width: 79.5em) { .c-nav__logo { max-width: 15rem; } } .c-nav__list { max-width: calc(100% - 10rem); border-color: red; padding: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; font-family: "urbanamedium", sans-serif; font-size: 1.8rem; position: static; z-index: 11; } .c-nav__item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-nav__link { display: inline-block; line-height: 1.2; border: 0; background: none; font-family: "urbanamedium", sans-serif; padding: 0; text-align: right; color: black; text-decoration: none; cursor: pointer; position: relative; padding-left: 2.5rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; padding-top: 0.5rem; } .c-nav__link--toggle:after { content: ''; position: absolute; display: block; top: 0.7rem; left: 0rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-color: rgba(109, 108, 108, 0.5); background-size: 65%; background-position: center; background-repeat: no-repeat; } @media screen and (min-width: 79.5em) { .c-nav__list { max-width: calc(100% - 15rem); } } .c-nav__subcontainer { position: absolute; left: 0; top: 12.5rem; padding-top: 0; padding-bottom: 0; background: #0070b1; opacity: 0; pointer-events: none; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-nav__subholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: auto; /* padding-left: 0; padding-right: 0; */ padding-top: 8rem; min-height: 10rem; width: 100%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding-bottom: 4rem; z-index: 10; right: 0; } .c-nav__subholder > * { z-index: 11; } .c-nav__subinfo { width: 30%; height: 100%; margin-top: -5rem; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-nav__subtitle { font-size: 3.6rem; display: inline-block; line-height: 1.2; color: white; text-decoration: none; margin-bottom: 1rem; position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-nav__sublist { display: -webkit-box; display: -ms-flexbox; display: flex; width: 70%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-line-pack: stretch; align-content: stretch; height: 30rem; min-height: 10rem; list-style: none; margin-top: -1.2rem; } .c-nav__subitem { width: 30%; margin-left: 1rem; position: relative; } .c-nav__subitem:after { content: ''; position: absolute; top: 1.6rem; left: 0; width: 1rem; height: 1.2rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-size: cover; background-position: center; background-repeat: no-repeat; } .c-nav__sublink { color: white; text-decoration: none; font-family: "Asap", sans-serif; font-size: 1.6rem; position: relative; display: inline-block; width: auto; padding: 1rem 0 1rem 1.75rem; line-height: 1.4; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-nav__sublink:before { content: ''; position: absolute; top: auto; bottom: 0.2rem; left: 0; width: 1px; height: 1px; opacity: 0; background-color: white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-nav__sublink:hover:before { opacity: 1; width: 100%; } .c-nav__subcontainer.s-active { opacity: 1; pointer-events: all; } .c-nav__subcontainer.s-active .c-nav__subholder { padding-top: 6rem; } .c-nav__subcontainer.s-active .c-nav__subinfo { margin-top: -1rem; opacity: 1; } @media screen and (min-width: 64em) { .c-nav__subcontainer { top: 13.2rem; } } @media screen and (min-width: 79.5em) { .c-nav__subcontainer { top: 14.9rem; } .c-nav__sublist { height: 20rem; } } .c-nav__item:hover .c-nav__link, .c-nav__item:focus .c-nav__link, .c-nav__subholder:hover .c-nav__link, .c-nav__subholder:focus .c-nav__link, .c-nav__link:hover, .c-nav__link:focus { color: #0070b1; } .c-nav__item:hover .c-nav__link:after, .c-nav__item:focus .c-nav__link:after, .c-nav__subholder:hover .c-nav__link:after, .c-nav__subholder:focus .c-nav__link:after, .c-nav__link:hover:after, .c-nav__link:focus:after { background-color: #0070b1; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .c-nav.s-open { position: fixed; background: #ffffff; -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25); } .c-nav.s-open .c-nav__list { height: 6rem; } .c-nav.s-open .c-nav__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .c-nav.s-open .c-nav__subcontainer { position: absolute; left: 0; top: 12rem; } .c-nav.s-open .c-nav__logo { display: none; } /* NAV MOBILE */ .c-navmob { position: fixed; top: 0; left: 0; width: 100%; height: 6rem; z-index: 200; overflow: hidden; -webkit-box-shadow: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.25); box-shadow: 0rem 0.5rem 1rem rgba(0, 0, 0, 0.25); } .c-navmob__header { height: 6rem; width: 100%; background: #ffffff; position: relative; z-index: 202; border-bottom: 1px solid #ebebeb; } .c-navmob__logo { position: absolute; top: 0; bottom: 0; left: 2rem; margin: auto; height: auto; width: 12rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob__wrapper { height: 100%; width: 100%; margin-left: -100%; padding-right: 6rem; z-index: 201; position: relative; background: white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob__holder { height: calc(100% - 6rem); overflow-y: scroll; } .c-navmob__title { font-size: 2.2rem; font-family: "urbanamedium", sans-serif; padding: 1.4rem 2rem 0rem; display: block; color: #333; } .c-navmob__switch { width: 6rem; height: 100%; position: absolute; top: 0; left: auto; right: 0; background: #80c9e9; } .c-navmob__btn { width: 6rem; height: 6rem; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; float: right; left: auto; right: 0; border: 0; border-bottom: 1px solid #5ea7c7; background-size: 60%; background-color: #80c9e9; background-repeat: no-repeat; background-position: center; } .c-navmob__btn.s-active { opacity: 1; background-color: #0070b1; } .c-navmob__btn.s-active:after { content: ''; position: absolute; top: 0; left: -1rem; bottom: 0; margin: auto; background: white; width: 1.5rem; height: 1.5rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-navmob__btn--menu-open, .c-navmob__btn--right { background-color: #1d2d38; border: 0; } .c-navmob__btn--right { position: absolute; top: 0; left: auto; opacity: 1; } .c-navmob__menu { width: 100%; position: relative; list-style: none; padding: 0 1rem 0 2rem; margin: 0; } .c-navmob__menu-item { width: 100%; position: relative; } .c-navmob__menu-item--hassub .c-navmob__menu-link { pointer-events: none; } .c-navmob__menu-item:after { content: ''; position: absolute; top: 1.7rem; left: auto; right: 1rem; width: 1rem; height: 1rem; display: block; opacity: 0.15; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background-size: cover; background-position: center; } .c-navmob__menu-item.s-open:after { opacity: 0.5; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob__menu-link { color: #1a1a1a; text-decoration: none; border-bottom: 1px solid #dadada; width: 100%; display: inline-block; padding: 1rem 1.5rem 1rem 0; } .c-navmob__submenu { list-style: none; margin: 0; padding: 0; display: none; } .c-navmob__submenu-item { position: relative; } .c-navmob__submenu-link { color: #1a1a1a; text-decoration: none; font-size: 1.4rem; position: relative; border-bottom: 1px solid #ebebeb #111; width: 100%; display: inline-block; padding: 1rem 2rem; } .c-navmob__search { padding: 2rem 2rem; width: 100%; } .c-navmob__background { position: fixed; top: 0; left: 0; width: 0%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 199; pointer-events: none; } .c-navmob__header .c-navmob__btn--menu-sluiten { opacity: 0; z-index: -1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob__header .c-navmob__btn--menu { opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob__background { opacity: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob.s-open { height: 100%; } .c-navmob.s-open .c-navmob__background { width: 100%; opacity: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob.s-open .c-navmob__wrapper { display: block; margin-left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob.s-open .c-navmob__header .c-navmob__btn--menu-sluiten { opacity: 1; right: 0rem; z-index: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob.s-open .c-navmob__header .c-navmob__btn--menu-open { opacity: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-navmob.s-open .c-navmob__logo { right: calc(100% - 13.5rem); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-nav { display: none; } .c-navmob { display: block; } @media screen and (min-width: 64em) { .c-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-navmob { display: none; } } /* TOPIMAGE */ .c-topimage { position: relative; margin: 0 auto; margin-bottom: 3rem; } .c-topimage--sm { margin-bottom: 0 !important; } @media screen and (max-width: 47.9em) { .c-topimage ~ main > section:first-child.l-container { padding-top: 3rem; } } @media screen and (min-width: 48em) { .c-topimage { height: calc(100vh - 30rem); max-width: 140rem; } .c-topimage--sm { height: 25vh; max-width: 100%; } .c-topimage--expertise, .c-topimage--colorbar { min-height: 42vh; height: auto; max-width: 100%; overflow: hidden; } } @media screen and (min-width: 64em) { .c-topimage { min-height: 46rem; max-height: 60rem; } .c-topimage--sm { height: 35vh; overflow: hidden; } .c-topimage--expertise { height: auto; min-height: 50vh; } .c-topimage--colorbar { height: 73vh; } } @media screen and (min-width: 79.5em) { .c-topimage:not([class*="c-topimage--sm"]):not( [class*="c-topimage--expertise"] ):not([class*="c-topimage--colorbar"]) { height: calc(100vh - 34rem); } } @media screen and (min-width: 48em) { .c-topimage { margin-bottom: 23rem; } .c-topimage--colorbar, .c-topimage--expertise { margin-bottom: 0 !important; } } @media screen and (min-width: 64em) { .c-topimage { margin-bottom: 16rem; } } @media screen and (min-width: 79.5em) { .c-topimage { margin-bottom: 12rem; } } .c-topimage--sm:before, .c-topimage--sm:after { display: none; content: ""; position: absolute; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; top: auto; bottom: -0.2rem; width: 30rem; height: 15rem; z-index: 9; left: -7.5rem; } .c-topimage--sm:after { left: auto; right: -7.5rem; } @media screen and (min-width: 64em) { .c-topimage--sm:before, .c-topimage--sm:after { display: block; } } .c-topimage__search { position: absolute; z-index: 11; width: 100%; height: 7rem; top: auto; bottom: -7rem; left: 0; right: 0; z-index: 15; margin: 0 auto; } .c-topimage__search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; padding: 1rem 2rem 1.2rem; position: relative; font-size: 1.6rem; line-height: 1.2; background: #ebebeb; max-width: 100% !important; } .c-topimage__search-icon { position: relative; top: 0.3rem; opacity: 0.35; left: -0.5rem; } .c-topimage__search-label { max-width: 40%; height: 4rem; line-height: 3.8rem; padding: 0; position: relative; background: #ebebeb; } .c-topimage__search-input { width: 60%; height: 3.8rem; line-height: 3.8rem; padding: 0 1rem; outline: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; margin-left: 1rem; margin-bottom: 0.5rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__search-btn { position: relative; font-size: 1.6rem; z-index: 12; padding: 0; margin-right: 0; -ms-flex-item-align: center; align-self: center; border-radius: 2.2rem; border: 0; opacity: 0; height: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__search-btn:hover { background: #be7c9c !important; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__search-input:valid, .c-topimage__search-input:focus { color: #9e0b6c; } .c-topimage__search-input:valid + .c-topimage__search-border, .c-topimage__search-input:focus + .c-topimage__search-border { bottom: 0rem; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-topimage__search-input:valid + .c-topimage__search-border:after, .c-topimage__search-input:focus + .c-topimage__search-border:after { width: 0%; background: white; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-topimage__search-input:valid + .c-topimage__search-border + .c-topimage__search-btn, .c-topimage__search-input:focus + .c-topimage__search-border + .c-topimage__search-btn { background: #9e0b6c; color: white; opacity: 1; height: 4.4rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (min-width: 48em) { .c-topimage__search { width: 50rem; top: auto; bottom: 24rem; left: 0; right: 0; margin: auto; } .c-topimage__search-form { font-size: 2.2rem; padding: 0; max-width: 100% !important; padding: 1.2rem 2rem 1rem 2rem; background: white; } .c-topimage__search-label { max-width: 100%; padding: 0 0.2rem 0 1rem; background: white; } .c-topimage__search-input { max-width: 100%; padding: 0 11rem 0 1rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; margin-right: 2rem; } .c-topimage__search-btn { padding: 0 3rem; width: auto; position: absolute; left: auto; margin-top: 0 !important; right: 2rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } @media screen and (min-width: 64em) { .c-topimage__search { bottom: 18rem; } } @media screen and (min-width: 79.5em) { .c-topimage__search { bottom: 20rem; } .c-topimage__search { width: 60rem; } } .c-topimage__tabbar-wrapper { position: relative; } @media screen and (max-width: 47.9em) { .c-topimage__tabbar-wrapper { position: relative; z-index: 100; margin-bottom: 6.5rem; } } .c-topimage__tabbar { display: none; z-index: 12; position: absolute; top: auto; bottom: -20rem; padding: 0 2rem; width: 100%; left: 0; right: 0; margin: 0 auto; } .c-topimage__tabbar [class*="l-col--"] { -ms-flex-item-align: end; align-self: flex-end; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(1) .c-topimage__tabbar-tab { background-color: #2e3e49; z-index: 16; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(2) .c-topimage__tabbar-tab { background-color: #04aade; z-index: 15; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(3) .c-topimage__tabbar-tab { background-color: #0070b1; z-index: 14; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(4) .c-topimage__tabbar-tab { background-color: #9e0b6c; z-index: 13; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(2):hover .c-topimage__tabbar-tab { background-color: #0088bc; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(3):hover .c-topimage__tabbar-tab { background-color: #004e8f; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__tabbar [class*="l-col--"]:nth-of-type(4):hover .c-topimage__tabbar-tab { background-color: #7c004a; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-topimage__tabbar-tab { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; text-decoration: none; } .c-topimage__tabbar-tab--big { height: auto; min-height: 20rem; max-height: 30rem; } .c-topimage__tabbar-text { width: 100%; } .c-topimage__tabbar-text > * { font-size: 3.6rem; line-height: 1.4; font-family: "urbanamedium", sans-serif; color: white; margin: 0 0 1rem 0; } .c-topimage__tabbar-icon { height: 6rem; width: 6rem; margin: 0 auto; } .c-topimage__tabbar-heading { width: 100%; text-align: center; color: white; font-family: "urbanamedium", sans-serif; font-size: 2.4rem; line-height: 1.2; text-decoration: none; margin-top: 2rem; } .c-topimage__tabbar-wrapper:before, .c-topimage__tabbar-wrapper:after { content: ""; display: none; position: absolute; top: auto; bottom: -0.1rem; width: 30rem; height: 15rem; z-index: 9; left: 0rem; } .c-topimage__tabbar-wrapper:after { left: auto; right: 0rem; } .c-topimage .c-title__iconwrap { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } @media screen and (min-width: 48em) { .c-topimage__tabbar { display: block; /* overflow: hidden; */ } .c-topimage__tabbar-tab { height: 14rem; padding: 1rem 0; -webkit-box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.35); box-shadow: 5px 0px 25px rgba(0, 0, 0, 0.35); } .c-topimage__tabbar-tab--big { padding: 3rem 4rem; height: auto; min-height: 20rem; max-height: 30rem; -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25); } } @media screen and (min-width: 64em) { .c-topimage__tabbar { -webkit-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); bottom: -10rem; } .c-topimage__tabbar-tab { height: 20rem; padding: 3rem 2rem; } .c-topimage__tabbar-tab--big { padding: 3rem 4rem; height: auto; min-height: 26rem; max-height: 30rem; } .c-topimage__tabbar-wrapper:before, .c-topimage__tabbar-wrapper:after { display: none; } } @media screen and (min-width: 79.5em) { .c-topimage__tabbar { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @media screen and (min-width: 100em) { .c-topimage__tabbar-wrapper:before { left: 7.5rem; } .c-topimage__tabbar-wrapper:after { right: 7.5rem; } } .c-topimage__tabmob { display: block; } .c-topimage__tabmob-tab:nth-of-type(1) { background-color: #80c9e9; } .c-topimage__tabmob-tab:nth-of-type(2) { background-color: #0070b1; } .c-topimage__tabmob-tab:nth-of-type(3) { background-color: #9e0b6c; } .c-topimage__tabmob-tab { width: 100%; padding: 0.8rem 2rem 0.8rem; display: block; text-decoration: none; position: relative; } .c-topimage__tabmob-tab .icon { position: absolute; left: auto; right: 2rem; top: 0; bottom: 0; margin: auto 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .c-topimage__tabmob-tabbig { padding: 2rem 2rem; } .c-topimage__tabmob-tabbig { background-color: #ffffff !important; } .c-topimage__tabmob-tabbig .btn { margin: 1rem 0; } .c-topimage__tabmob-text > * { font-size: 2.4rem; line-height: 1.2; font-family: "urbanamedium", sans-serif; margin: 0; } .c-topimage__tabmob-icon { position: absolute; top: 0; bottom: 0; height: 3rem; width: 3rem; margin: auto 0; } .c-topimage__tabmob-heading { width: 100%; padding-left: 5rem; text-align: center; color: white; font-size: 2rem; line-height: 2.2; font-family: "urbanamedium", sans-serif; text-decoration: none; } @media screen and (min-width: 48em) { .c-topimage__tabmob { display: none; } .c-topimage__tabmob-heading { font-size: 2.4rem; line-height: 1.8; } } .c-topimage__background { width: 100%; height: 100%; position: relative; top: 0; left: 0; z-index: 5; background-color: #ebebeb; } .c-topimage__background .l-image__parent { position: relative; z-index: 10; width: 100%; height: 100%; -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } @media screen and (min-width: 48em) { .c-topimage__background { position: absolute; overflow: hidden; background-color: white; } .c-topimage__background .l-image__parent { position: absolute; /* background-color: white; */ top: -999999px; bottom: -999999px; left: -999999px; right: -999999px; margin: auto; display: block; opacity: 0.9; /* height: auto; */ -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out; } .c-topimage__background.animated .l-image__parent { -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } @media screen and (min-width: 64em) { .c-topimage__background, .c-topimage__background .l-image__parent { background-color: #ebebeb; } } .c-topimage__expertise { text-align: center; width: 100%; padding: 2rem 1rem 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-topimage__expertise-iconholder { border: 0.5rem solid white; border-radius: 50%; width: 16rem; height: 16rem; min-width: 16rem; min-height: 16rem; position: relative; margin-bottom: 2rem; } .c-topimage__expertise-iconholder > * { width: 11rem; height: 11rem; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .c-topimage__expertise-textholder { max-width: 60rem; text-align: center; } .c-topimage__expertise-title { color: white; font-family: "urbanamedium", sans-serif; font-size: 2.4rem; } .c-topimage__expertise-subtitle { color: white; font-size: 1.6rem; } .c-topimage--expertise .c-topimage__background:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: -webkit-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: -o-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); z-index: 11; opacity: 0.65; } .c-topimage__expertise + .c-topimage__background { position: absolute; overflow: hidden; } .c-topimage__expertise + .c-topimage__background .l-image__item { height: 100%; width: auto; } @media screen and (min-width: 64em) { .c-topimage__expertise { padding: 8rem 0 14rem; } .c-topimage__expertise-title { font-size: 3.6rem; } .c-topimage__expertise-subtitle { font-size: 2.2rem; } } .c-topimage .l-content { height: 100%; position: static; } @media screen and (min-width: 48em) { .c-topimage .l-content { height: 100%; position: relative; } } .c-topimage .holder { color: grey; position: absolute; cursor: auto; z-index: 1; width: 90%; height: 3.8rem; line-height: 3.8rem; padding: 0 12rem; outline: none; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; margin-left: 1rem; margin-bottom: 0.5rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } /* TITLE */ .c-title { text-align: center; padding: 0 0 2rem; position: relative; } @media screen and (min-width: 48em) { .c-title { padding: 2rem 0 2rem; } } .c-title__title { font-family: "urbanamedium", sans-serif; font-size: 3.6rem; line-height: 1.2; margin-bottom: 0; } .c-title__title--blue { color: #0070b1; } .c-title__title--white { color: #FFF; } .c-title__subtitle { font-size: 1.8rem; width: 100%; color: #6d6c6c; line-height: 1.4; margin-top: 0.5rem; display: block; } .c-title__iconwrap { position: relative; height: 6rem; } .c-title__icon { position: absolute; top: -2rem; left: 0; right: 0; margin: auto; width: 7rem; height: 5rem; opacity: 0; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-title__icon--a { top: -9rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-title__icon--b { top: -6rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-title__icon--c { top: -3rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-title--dark .c-title__title { color: #ffffff; } .c-title--dark .c-title__subtitle { color: #ffffff; opacity: 0.75; } .animated .c-title__icon--a { top: 0; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .animated .c-title__icon--b { top: 0; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .animated .c-title__icon--c { top: 0; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-uitgelicht__container { background: #e0f6ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 40rem; } .c-uitgelicht__content { -webkit-box-flex: 1; -ms-flex: 1 0 66%; flex: 1 0 66%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8rem 25rem 10rem 9rem; } .c-uitgelicht__content * { margin: 0; } .c-uitgelicht__content > * + * { margin-top: 2rem; } .c-uitgelicht__picture { -webkit-box-flex: 1; -ms-flex: 1 0 33%; flex: 1 0 33%; -ms-flex-item-align: stretch; align-self: stretch; } .c-uitgelicht__picture picture { height: 100%; } .c-uitgelicht__picture picture img { height: 100%; -o-object-fit: cover; object-fit: cover; } .c-uitgelicht__featured { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #FFF; background: #0070b1; width: 20rem; height: 20rem; position: absolute; top: 50%; right: calc(33% - 10rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: bold; padding: 2rem; font-size: 2.4rem; text-align: center; } @media screen and (max-width: 63.9em) { .c-uitgelicht__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-uitgelicht__content { -webkit-box-flex: 1; -ms-flex: 1 0 66%; flex: 1 0 66%; padding: 4rem 4rem 8rem 4rem; } .c-uitgelicht__picture { -ms-flex-preferred-size: auto; flex-basis: auto; height: 30rem; width: 100%; } .c-uitgelicht__featured { top: auto; bottom: 20rem; right: 10rem; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (max-width: 47.9em) { .c-uitgelicht__content { padding: 2rem; } .c-uitgelicht__picture { height: 20rem; } .c-uitgelicht__featured { display: none; } } .c-uitgelicht__building-blocks { pointer-events: none; position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 66.6%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; overflow: hidden; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-uitgelicht__building-blocks > svg { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-uitgelicht__building-blocks > svg:nth-child(3n+1) { margin-left: 4rem; } .c-uitgelicht__building-blocks > svg:nth-child(3n+2) { margin-left: 8rem; } .c-uitgelicht__building-blocks > svg:nth-child(3n+3) { margin-left: auto; } @media screen and (max-width: 63.9em) { .c-uitgelicht__building-blocks { display: none; } } .c-alert__wrapper { width: calc(100% - 2rem); display: block; z-index: 999; position: fixed; top: 6rem; left: 1rem; margin: 0; } .c-alert__wrapper:focus { outline: 0; } .c-alert__wrapper:after { content: ''; height: 200vh; top: -50vh; z-index: -1; opacity: 0.75; visibility: visible; background-color: #000; position: fixed; left: -100vw; width: 200vw; } .c-alert__content { background-color: #fff; border-radius: 5px; padding: 2rem; max-height: 80vh; overflow-y: auto; } .c-alert__content .rte { margin-bottom: 0; } .c-alert__close { position: absolute; border: 0; border-radius: 3px; color: #fff; right: 0; cursor: pointer; text-decoration: none; background-color: #0070b1; padding: 1rem 1.3rem 1rem 4rem; border-radius: 4rem; top: -4.5rem; visibility: visible; opacity: 1; } .c-alert__close:before { content: 'x'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 17px; width: 2rem; padding: 0rem 0 0.3rem; border-radius: 4rem; position: absolute; left: 1.5rem; top: calc(50% - 1rem); background-color: rgba(0, 0, 0, 0.2); } .c-alert__close:hover { background-color: #00507e; } .c-alert__close:hover .l-icon { stroke: #1a1a1a; } @media screen and (min-width: 64em) { .c-alert__wrapper { width: 60vw; max-width: 70rem; top: 15rem; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); min-width: 20rem; margin: auto; } .c-alert__content { padding: 3rem 4rem; max-height: 70vh; } .c-alert__close { top: -6rem; } } :root { --s: 0.45rem; --m-large: 8rem; --c-gray-border: #d0d0d0; --m-base: 4rem; --c-conversion: #33fe9e; --c-white: #fff; --m-grid-width: 1920px; --c-primary: #0070b1; --c-gray-light: #ececec; --z-cookies: 140; --z-content: 10; --c-black: #000; --c-base: #333; --c-error: #ff4646; --m-small: 2rem; --fs-base: 1.8rem; --e-cb: cubic-bezier(0.215, 0.61, 0.355, 1); } .consent { /* PAGE */ /* BAR */ /* LIGHTBOX */ /* SETTINGS */ /* TABS */ /* TYPE */ /* HISTORY */ /* INFO */ /* PLACEHOLDER */ } .consent .btn { -webkit-margin-before: 0; margin-block-start: 0; } .consent .l-icon { display: inline-block; width: 100%; height: 100%; vertical-align: -0.1em; fill: var(--c-black); fill: currentcolor; /* SIZES */ /* ROTATE */ /* SPIN */ } .consent .l-icon img { display: block; } @-webkit-keyframes animation-rotate-360 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animation-rotate-360 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .consent .l-icon.l-icon--xs { width: 1.2rem; height: 1.2rem; } .consent .l-icon.l-icon--sm { width: 1.8rem; height: 1.8rem; } .consent .l-icon.l-icon--sp { width: 2rem; height: 2rem; } .consent .l-icon.l-icon--md { width: 3rem; height: 3rem; } .consent .l-icon.l-icon--lg { width: 3.6rem; height: 3.6rem; } .consent .l-icon.l-icon--xl { width: 5rem; height: 5rem; } .consent .l-icon.l-icon--xxl { width: 10rem; height: 10rem; } .consent .l-icon.l-icon--rotate-0 { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .consent .l-icon.l-icon--rotate-90 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .consent .l-icon.l-icon--rotate-90--neg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .consent .l-icon.l-icon--rotate-180 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .consent .l-icon.l-icon--flip-x { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .consent .l-icon.l-icon--rotate-animation { -webkit-animation: animation-rotate-360 1.4s cubic-bezier(0.79, 0.37, 0.17, 0.65) infinite; animation: animation-rotate-360 1.4s cubic-bezier(0.79, 0.37, 0.17, 0.65) infinite; } .consent__page { max-width: 128rem; margin: var(--m-large) 0; border: 1px solid var(--c-gray-border); } .consent__page__feedback { display: none; width: 100%; padding: calc(var(--m-base) / 2) var(--m-base); background: var(--c-conversion); color: var(--c-white); text-align: center; } .consent__page .consent__settings__close { display: none; } @media (max-width: 63.9375rem) { .consent__page { margin: var(--m-base) 0; } } .consent__bar { margin: 0 auto; -webkit-border-before: 4px solid var(--c-primary); border-block-start: 4px solid var(--c-primary); background: var(--c-white); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); position: fixed; top: auto; bottom: 0; left: 0; right: 0; z-index: var(--z-cookies); } .consent__bar .l-content { padding-top: 3rem; padding-bottom: 3rem; } @media (min-width: 64rem) { .consent__bar .l-content { padding-top: 4rem; padding-bottom: 4rem; } } .consent__bar__title { margin-block: 0 2rem; font-size: 2.1rem; font-family: "urbanamedium", sans-serif; } .consent__bar__content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: var(--m-base); } .consent__bar__content p:first-child { -webkit-margin-before: 0; margin-block-start: 0; } .consent__bar__content p:last-child { -webkit-margin-after: 0; margin-block-end: 0; } @media (max-width: 47.9375rem) { .consent__bar__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 48rem) { .consent__bar__content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .consent__bar__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -ms-flex-negative: 0; flex-shrink: 0; gap: 1rem; } .consent__bar__buttons .btn + .btn { -webkit-margin-start: 0; margin-inline-start: 0; } .consent__bar__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-margin-before: 1rem; margin-block-start: 1rem; } .consent__bar__links a:not(:last-child) { -webkit-margin-end: 1rem; margin-inline-end: 1rem; } @media (max-width: 47.9375rem) { .consent__bar__buttons button { width: 100%; } .consent__bar__links { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .consent__lightbox { opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; margin: 0 !important; pointer-events: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: calc(var(--z-cookies) + 100); } .consent__lightbox__scroll { overflow: auto; -webkit-overflow-scrolling: touch; width: 100%; height: 100%; position: relative; z-index: var(--z-content); } .consent__lightbox__item { overflow: hidden; width: 100%; max-width: 128rem; margin: calc(var(--m-large) * 2) auto; position: relative; } .consent__lightbox__background { background: oklch(from var(--c-black) l c h / 85%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media (max-width: 97.4375rem) { .consent__lightbox__item { margin: var(--m-large) auto; } } @media (max-width: 63.9375rem) { .consent__lightbox__item { max-width: 100%; margin: 0 auto; } } .consent__settings { -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 64rem; margin: 0 auto; position: relative; } .consent__settings .l-icon { -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); } .consent__settings__panel { -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); width: 64rem; padding: var(--m-large); background: var(--c-white); position: relative; } .consent__settings__panel--settings { padding-top: calc(var(--m-large) - 1.5rem); z-index: calc(var(--z-content) + 10); } .consent__settings__panel--info { -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); overflow: auto; -webkit-overflow-scrolling: touch; opacity: 0; visibility: hidden; width: 64rem; height: 100%; background: var(--c-gray-light); position: absolute; top: 0; left: 0; z-index: var(--z-content); } .consent__settings__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 3rem; background: oklch(from var(--c-base) l c h / 50%); position: absolute; top: 2rem; left: auto; right: 2rem; z-index: var(--z-content); } .consent__settings__close .l-icon { color: var(--c-white); } .consent__settings__close:hover { background: oklch(from var(--c-base) l c h / 100%); } .consent__settings__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-before: var(--m-base); margin-block-start: var(--m-base); } .consent__settings.s-showinfo { width: 128rem; } .consent__settings.s-showinfo .consent__settings__panel--info { opacity: 1; visibility: visible; width: 64rem; left: 64rem; } .consent__settings.s-showinfo .consent__info__close { opacity: 1; visibility: visible; } @media (max-width: 63.9375rem) { .consent__settings { width: 100%; } .consent__settings.s-showinfo { width: 100%; } .consent__settings.s-showinfo .consent__settings__panel--info { left: 0; z-index: calc(var(--z-content) + 20); } .consent__settings__panel { width: 100% !important; height: 100vh; padding: var(--m-large) var(--m-base); } } @media (max-width: 47.9375rem) { .consent__settings__panel { padding: var(--m-large) var(--m-base) var(--m-base); } .consent__settings__footer { display: block; } .consent__settings__footer .btn { width: 100%; -webkit-margin-before: 1rem; margin-block-start: 1rem; -webkit-margin-start: 0; margin-inline-start: 0; } } .consent__tabs__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-margin-after: var(--m-base); margin-block-end: var(--m-base); } .consent__tabs__button { display: inline-block; width: 50%; -webkit-border-after: 2px solid var(--c-gray-border); border-block-end: 2px solid var(--c-gray-border); padding: 1.4rem 0; font-weight: 600; color: var(--c-gray-border); text-align: center; } .consent__tabs__button:hover, .consent__tabs__button.s-active { border-color: var(--c-primary); color: var(--c-primary); } .consent__type { -webkit-border-after: 1px solid var(--c-gray-border); border-block-end: 1px solid var(--c-gray-border); } .consent__type__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: calc(var(--m-base) / 2) 0; } .consent__type__item div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .consent__type__title { margin: 0; -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); } .consent__type__title:hover { color: var(--c-primary); cursor: pointer; } .consent__type__dropdown { width: 5rem; color: var(--c-gray-border); text-align: center; } .consent__type__dropdown.s-active { color: var(--c-base); } .consent__type__dropdown.s-active .l-icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .consent__type__toggle { --h: calc(var(--s) * 7); display: inline-block; width: calc(var(--s) * 15); height: calc(var(--s) * 7); -webkit-margin-start: calc(var(--m-base) / 2); margin-inline-start: calc(var(--m-base) / 2); border: 1px solid #b2bdc1; border-radius: calc(var(--s) * 8); background-color: #b2bdc1; font-size: 0; cursor: pointer; position: relative; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .consent__type__toggle::before, .consent__type__toggle::after { content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0; } .consent__type__toggle::before { position: absolute; top: 50%; left: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; width: calc(var(--s) * 3); height: calc(var(--s) * 3); } .consent__type__toggle::after { width: calc(var(--h) - 2px); height: calc(var(--h) - 2px); border-radius: 28px; -webkit-box-shadow: 0 0 5px rgb(0 0 0%); box-shadow: 0 0 5px rgb(0 0 0%); background-color: var(--c-white); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .consent__type__toggle span { opacity: 0; visibility: hidden; border-radius: 2px; padding: calc(var(--s) / 2); background: #00061a; font-size: calc(var(--s) * 3); color: var(--c-white); white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; inset-block-end: calc(100% + (var(--s) * 2.5)); inset-inline-end: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .consent__type__toggle span::after { width: calc(var(--s) * 2); height: calc(var(--s) * 2); background-color: #00061a; content: ""; position: absolute; inset-block-end: calc(var(--s) * -1); inset-inline-end: calc(var(--s) * 4); z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (hover) and (pointer: fine) { .consent__type__toggle:hover span { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .consent__type__box { display: none; -webkit-margin-after: calc(var(--m-base) / 2); margin-block-end: calc(var(--m-base) / 2); } .consent__type__subitem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 0; } .consent__type__subinfo { padding-left: 6px; padding-right: 6px; } .consent__type input[type="checkbox"]:checked + .consent__type__toggle { background-color: var(--c-primary); } .consent__type input[type="checkbox"]:checked + .consent__type__toggle::after { inset-inline-start: calc(var(--s) * 8); } .consent__type input[type="checkbox"].half + .consent__type__toggle { background-color: #00061a; } .consent__type input[type="checkbox"].half + .consent__type__toggle::after { inset-inline-start: calc(var(--s) * 4); } .consent__type input[type="checkbox"]:disabled + .consent__type__toggle { background-color: #00061a; } .consent__type input[type="checkbox"]:disabled + .consent__type__toggle::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAyIDQwMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAyIDQwMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM1Ny41LDE5MC43Yy01LjMtNS4zLTExLjgtOC0xOS40LThoLTkuMXYtNTQuOGMwLTM1LTEyLjYtNjUuMS0zNy43LTkwLjJDMjY2LjEsMTIuNiwyMzYsMCwyMDEsMGMtMzUsMC02NS4xLDEyLjYtOTAuMiwzNy43Yy0yNS4xLDI1LjEtMzcuNyw1NS4yLTM3LjcsOTAuMnY1NC44SDY0Yy03LjYsMC0xNC4xLDIuNy0xOS40LDhjLTUuMyw1LjMtOCwxMS44LTgsMTkuNHYxNjQuNWMwLDcuNiwyLjcsMTQuMSw4LDE5LjRjNS4zLDUuMywxMS44LDgsMTkuNCw4SDMzOGM3LjYsMCwxNC4xLTIuNywxOS40LThjNS4zLTUuMyw4LTExLjgsOC0xOS40VjIxMC4xQzM2NS41LDIwMi41LDM2Mi44LDE5Ni4xLDM1Ny41LDE5MC43eiBNMjc0LjEsMTgyLjdIMTI3Ljl2LTU0LjhjMC0yMC4yLDcuMS0zNy40LDIxLjQtNTEuN0MxNjMuNiw2MiwxODAuOCw1NC44LDIwMSw1NC44YzIwLjIsMCwzNy40LDcuMSw1MS43LDIxLjRjMTQuMywxNC4zLDIxLjQsMzEuNSwyMS40LDUxLjdWMTgyLjd6Ii8+PC9nPjwvc3ZnPg=="); } .consent__type input[type="checkbox"]:disabled + .consent__type__toggle::after { inset-inline-start: calc(var(--s) * 8); } .consent__history { -webkit-border-after: 1px solid var(--c-gray-border); border-block-end: 1px solid var(--c-gray-border); } .consent__history__toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 1.5rem 0; } .consent__history__toggle span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .consent__history__toggle .l-icon { -webkit-transition: all 1s var(--e-cb); -o-transition: all 1s var(--e-cb); transition: all 1s var(--e-cb); color: var(--c-gray-border); } .consent__history__toggle.s-active .l-icon { color: var(--c-base); -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .consent__history__list { display: none; margin: 0 0 calc(var(--m-base) / 2); padding: 0; position: relative; } .consent__history__list::before { -webkit-box-sizing: border-box; box-sizing: border-box; width: 0.1rem; height: calc(100% - 2.2rem); -webkit-border-end: 2px dotted var(--c-gray-border); border-inline-end: 2px dotted var(--c-gray-border); content: ""; position: absolute; top: 1.1rem; left: 0.7rem; } .consent__history__list--visible { display: block; } .consent__history__item { display: block; -webkit-margin-after: 0.5rem; margin-block-end: 0.5rem; padding-left: 3rem; position: relative; } .consent__history__item::before { width: 1.6rem; height: 1.6rem; border-radius: 1.6rem; content: ""; position: absolute; top: 0.9rem; left: 0; } .consent__history__item strong { display: inline-block; width: 5rem; } .consent__history__item.s-yes::before { background: var(--c-conversion); } .consent__history__item.s-no::before { background: var(--c-error); } .consent__info { position: relative; } .consent__info__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-margin-after: calc(var(--m-base) / 2); margin-block-end: calc(var(--m-base) / 2); } .consent__info__close { opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 3rem; background: oklch(from var(--c-base) l c h / 50%); position: absolute; top: 2rem; left: auto; right: 3rem; z-index: var(--z-content); } .consent__info__close .l-icon { color: var(--c-white); } .consent__info__close:hover { background: oklch(from var(--c-base) l c h / 100%); } @media (max-width: 63.9375rem) { .consent__info__close { right: 2rem; z-index: calc(var(--z-content) + 30); } } .consent__info__content__suppliers__box { -webkit-margin-before: var(--m-base); margin-block-start: var(--m-base); position: relative; } .consent__info__content__supplier { -webkit-border-after: 1px solid var(--c-gray-border); border-block-end: 1px solid var(--c-gray-border); padding: calc(var(--m-small) / 2) 0; } .consent__info__content__supplier-icon { opacity: 0.25; width: 2rem !important; height: 2rem !important; position: absolute; top: 0.5rem; left: auto; right: 0; } .consent__info__content__supplier-info { opacity: 0; display: none; -webkit-margin-before: calc(var(--m-small) / 2); margin-block-start: calc(var(--m-small) / 2); -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .consent__info__content__supplier-title { display: block; width: 100%; padding-right: var(--m-base); font-weight: 700; font-size: var(--fs-base); cursor: pointer; position: relative; text-align: left; } .consent__info__content__supplier-title:hover, .consent__info__content__supplier-title:focus, .consent__info__content__supplier-title.s-active { color: var(--c-primary); } .consent__info__content__supplier-title.s-active > .consent__info__content__supplier-icon { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); } .consent__info__content__supplier-title.s-active ~ .consent__info__content__supplier-info { opacity: 1 !important; } @media (max-width: 79.4375rem) { .consent__info__content__supplier-title { font-size: 1.8rem; } } .consent__placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; padding: var(--m-base); background: var(--c-gray-border); text-align: center; position: absolute; top: 0; z-index: 10; } .consent__placeholder > * { max-width: 80rem; } .switch-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.75rem; cursor: pointer; } .switch-container:has(+ .switch-container) { padding-bottom: 1rem; } .switch-container + .switch-container { border-top: 1px solid #ccc; padding-top: 1rem; } .switch-container .switch-label { font-size: 1.7rem; font-family: "urbanamedium", sans-serif; line-height: 1; } .switch-container .switch { --h: 2rem; position: relative; display: inline-block; width: calc(var(--h) * 2); height: var(--h); } .switch-container .switch input { opacity: 0; width: 0; height: 0; } .switch-container .switch input:checked + .switch__slider { background-color: #04aade; } .switch-container .switch input:checked + .switch__slider::before { -webkit-transform: translateX(var(--h)); -ms-transform: translateX(var(--h)); transform: translateX(var(--h)); } .switch-container .switch .switch__slider { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 34px; } .switch-container .switch .switch__slider::before { position: absolute; content: ""; height: calc(var(--h) - 0.8rem); width: calc(var(--h) - 0.8rem); left: 0.4rem; bottom: 0.4rem; background-color: white; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 50%; } .c-colorbar { background: -webkit-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: -o-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); overflow: hidden; } @media screen and (min-width: 48em) { .c-colorbar { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; } } .c-colorbar:before, .c-colorbar:after { content: ''; display: none; position: absolute; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; top: auto; bottom: -0.2rem; width: 30rem; height: 15rem; z-index: 9; left: -15rem; } .c-colorbar:after { left: auto; right: -15rem; } @media screen and (min-width: 64em) { .c-colorbar:before, .c-colorbar:after { display: block; } } .c-colorbar--text { padding: 1rem 0 1rem 0; } .c-colorbar--text * { color: white !important; font-size: 1.4rem; } .c-colorbar__title { font-family: "urbanamedium", sans-serif; font-size: 2.4rem; margin-bottom: -1rem; } .c-colorbar__text ul { padding: 0; list-style: none; font-size: 1.6rem; } .c-colorbar__text ul li { padding-left: 2.5rem; position: relative; } .c-colorbar__text ul li:before { content: ''; position: absolute; left: 0; top: 0.5rem; width: 1.5rem; height: 1.5rem; background-size: cover; } @media screen and (min-width: 64em) { .c-colorbar--text { padding: 2rem 0 6rem 0; } } @media screen and (min-width: 79.5em) { .c-colorbar--text * { font-size: 1.6rem; } .c-colorbar__title { font-size: 2.4rem; } .c-colorbar:before { left: -15rem; } .c-colorbar:after { right: -15rem; } } @media screen and (min-width: 100em) { .c-colorbar:before { left: 0; } .c-colorbar:after { right: 0; } } .c-colorbar--tabs:after, .c-colorbar--tabs:before { display: none; } .c-colorbar--tabs .l-content { position: relative; z-index: 10; } .c-colorbar__tab-list { margin: 1rem 0; padding: 0; list-style: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } .c-colorbar__tab-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 1rem; } .c-colorbar__tab-link { padding: 1.5rem 4rem 1rem; border: 0; border-radius: 3rem; margin-bottom: 0.75rem; width: 100%; background: #2e3e49; color: #ffffff; text-decoration: none; font-family: "urbanamedium", sans-serif; font-size: 2.4rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-colorbar__tab-item.s-active .c-colorbar__tab-link { background: white; color: #1a1a1a; } @media screen and (min-width: 48em) { .c-colorbar { /* &__mob-holder {display: none;} */ } .c-colorbar--tabs { height: 9.7rem; } .c-colorbar__tab-list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; } .c-colorbar__tab-link { padding: 1.5rem 4rem 1rem; border-radius: 3rem 0 0 0; margin-bottom: 0rem; } .c-colorbar__tab-item:hover .c-colorbar__tab-link { padding-bottom: 2rem; } } /* CONTENT */ @media screen and (min-width: 64em) { .c-content__holder { background: #ffffff; margin-top: -5rem; padding-top: 3rem; padding-right: 6rem; position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-content__holder:before { content: ''; position: absolute; top: -2.8rem; left: -3rem; width: calc(100% + 3rem); height: 90%; background-color: white; display: block; z-index: -1; } .c-content__holder:after { content: ''; position: absolute; top: -2.8rem; left: -3rem; width: calc(100% + 3rem); height: 20rem; background-color: white; display: block; z-index: -2; -webkit-box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.1); box-shadow: 0px -10px 50px rgba(0, 0, 0, 0.1); } .animated .c-content__holder { margin-top: -8rem; } } @media screen and (min-width: 100em) { .c-content__holder { padding-right: 3rem; } .c-content__holder:before { width: calc(100% + 9rem); } .c-content__holder:after { width: calc(100% + 9rem); } } .c-content__wrapper { position: relative; } .c-content__date { margin-bottom: 0; display: inline; opacity: 0.5; font-weight: 500; } .c-content__date + p { margin-top: 0; display: inline; } .c-content__personinfo { background: #ebebeb; } .c-content__personinfo-title { background: #ebebeb; padding: 0.5rem 2rem; } .c-content__personinfo-list { list-style: none; padding: 0; margin: 0; } .c-content__personinfo-item { margin: 0; padding: 0.5rem 2rem; background: #ebebeb; } .c-content__personinfo-item:nth-of-type(odd) { background: #dadada; } @media screen and (min-width: 48em) { .c-content__wrapper { min-height: 8rem; } } .c-content__quote { position: relative; padding: 2rem; margin: 2rem 0; border: 1px solid #0070b1; border-radius: 0.5rem; color: #0070b1 !important; } .c-content__quote * { color: #0070b1 !important; } .c-content__quote:after, .c-content__quote:before { content: ''; position: absolute; left: -1rem; top: -2rem; width: 4rem; height: 4rem; background-color: white; background-size: 2rem; background-repeat: no-repeat; background-position: center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCAxMjMuOTYxIDEyMy45NjEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyMy45NjEgMTIzLjk2MTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxwYXRoIGQ9Ik00OS44LDI5LjAzMmMzLjEtMS4zLDQuNC01LDMtOGwtNC45LTEwLjNjLTEuNC0yLjg5OS00LjgtNC4yLTcuOC0yLjg5OWMtOC41LDMuNi0xNS44LDguMy0yMS42LDE0ICAgQzExLjQsMjguNTMyLDYuNiwzNi4yMzIsNCw0NC43MzJjLTIuNiw4LjYwMS00LDIwLjMtNCwzNS4ydjMwLjdjMCwzLjMsMi43LDYsNiw2aDM5LjNjMy4zLDAsNi0yLjcsNi02di0zOS4zYzAtMy4zMDEtMi43LTYtNi02ICAgSDI2LjVjMC4yLTEwLjEwMSwyLjYtMTguMiw3LTI0LjMwMUMzNy4xLDM2LjEzMyw0Mi41LDMyLjEzMyw0OS44LDI5LjAzMnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiMwMDcwQjEiLz48cGF0aCBkPSJNMTIwLjQsMjkuMDMyYzMuMS0xLjMsNC4zOTktNSwzLThsLTQuOS0xMC4xOTljLTEuNC0yLjktNC44LTQuMi03LjgtMi45Yy04LjQsMy42LTE1LjYwMSw4LjMtMjEuNSwxMy45ICAgYy03LjEwMSw2LjgtMTIsMTQuNS0xNC42MDEsMjNjLTIuNiw4LjM5OS0zLjg5OSwyMC4xLTMuODk5LDM1LjF2MzAuN2MwLDMuMywyLjcsNiw2LDZIMTE2YzMuMywwLDYtMi43LDYtNnYtMzkuMyAgIGMwLTMuMzAxLTIuNy02LTYtNkg5Ny4xYzAuMi0xMC4xMDEsMi42MDEtMTguMiw3LTI0LjMwMUMxMDcuNywzNi4xMzMsMTEzLjEsMzIuMTMzLDEyMC40LDI5LjAzMnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMDAwMDAiIGZpbGw9IiMwMDcwQjEiLz48L2c+PC9nPiA8L3N2Zz4=); } .c-content__quote:after { left: auto; right: -1rem; top: auto; bottom: -2rem; width: 4rem; height: 4rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (min-width: 48em) { .c-content__quote { margin: 4rem 0; } } .c-content__iconholder { position: relative; top: 2rem; left: 0; right: 0; margin: 0; opacity: 0; width: 6rem; height: 6rem; margin-bottom: 2rem; border: 0.4rem solid #1a1a1a; border-radius: 50%; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-content__icon { width: 75%; height: 75%; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .c-content__iconholder.animated { top: 0.7rem; opacity: 1; } @media screen and (min-width: 48em) { .c-content__iconholder { position: absolute; margin-bottom: 0rem; right: auto; width: 8rem; height: 8rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-content__iconholder + .c-content__title, .c-content__iconholder + .c-content__title + .c-content__date { padding-left: 10rem; } .c-content__iconholder.animated { top: 0rem; opacity: 1; } } .c-content__related { border: solid 1px #ebebeb; display: inline-block; padding: 0.8rem 2rem 1rem; border-radius: 3rem; font-size: 1.4rem; } .c-content__related__wrapper { margin-top: 1rem; } .c-content__related:not(:last-of-type) { margin-right: 0.5rem; margin-bottom: 1rem; } .c-content__related a:not(:last-of-type):after { content: ','; display: inline-block; color: #2e3e49; } .header-blocks__container { overflow: hidden; text-align: center; padding-bottom: 0; background: -webkit-linear-gradient(left, #e0f6ff 21px, transparent 1%) center, -webkit-linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background: -o-linear-gradient(left, #e0f6ff 21px, transparent 1%) center, -o-linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background: linear-gradient(90deg, #e0f6ff 21px, transparent 1%) center, linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background-size: 27px 27px; } .header-blocks__title { font-size: 9rem; color: #0070b1; opacity: 0; } .header-blocks__grid { margin-top: 4rem; display: grid; grid-template-columns: repeat(19, minmax(0, 1fr)); grid-template-areas: "a a a a a . . . c c c c c c . . . . ." ". . . . . b b b . . . . . . d d d d d"; max-width: calc(100% - 20rem); margin-left: auto; margin-right: auto; } .header-blocks__grid > div:before { content: ""; float: left; padding-bottom: 100%; } .header-blocks__grid > div { opacity: 0; } .header-blocks__grid > div:nth-child(4n + 1) { grid-area: a; -ms-flex-item-align: end; align-self: flex-end; } .header-blocks__grid > div:nth-child(4n + 2) { grid-area: b; } .header-blocks__grid > div:nth-child(4n + 3) { grid-area: c; } .header-blocks__grid > div:nth-child(4n + 4) { grid-area: d; } .header-blocks__grid picture { overflow: hidden; } .header-blocks__grid picture img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .header-blocks__grid picture img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .header-blocks__subtitle { background: #0070b1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; font-weight: bold; font-size: 2rem; padding: 4rem; text-align: left; height: 100%; } @media screen and (max-width: 47.9em) { .header-blocks__subtitle { padding: 2rem; font-size: 1.6rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .header-blocks__subtitle:hover .header-blocks__subtitle-link { background: rgba(0, 0, 0, 0.5); } .header-blocks__subtitle-link { border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0, 0, 0, 0.25); width: 3.5rem; height: 3.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 3.5rem; flex: 0 0 3.5rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (max-width: 47.9em) { .header-blocks__subtitle-link { width: 2.5rem; height: 2.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 2.5rem; flex: 0 0 2.5rem; } } .header-blocks__scroll-btn { color: #0070b1; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #fff; height: 6rem; padding: 0 0.5rem; font-weight: bold; } .header-blocks__scroll-btn:before, .header-blocks__scroll-btn:after { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGFhZ18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE1MCA3MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUwIDcwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBpZD0iUGF0aF80MDgiIGNsYXNzPSJzdDAiIGQ9Ik0xNTAsNzBMMCw3MEM3OS4xLDcwLDYzLjcsMCwxNTAsMEwxNTAsNzB6Ii8+DQo8L3N2Zz4NCg==); background-size: cover; position: absolute; content: ""; display: inline-block; top: 0; border-radius: 0; width: 12rem; height: 100%; } .header-blocks__scroll-btn:before { left: calc(-12rem + 1px); } .header-blocks__scroll-btn:after { right: calc(-12rem + 1px); -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .header-blocks__gradient { position: absolute; top: calc(50% - 10rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: calc(-100% + 70rem); width: 79.5rem; height: 79.5rem; background: -webkit-radial-gradient(center, ellipse, rgba(129, 207, 244, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); background: -o-radial-gradient(center, ellipse, rgba(129, 207, 244, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); background: radial-gradient(ellipse at center, rgba(129, 207, 244, 0.5) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; z-index: -1; opacity: 0; } .header-blocks__gradient--right { left: auto; top: 50%; right: calc(-100% + 90rem); } .header-blocks__building-blocks { position: absolute; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; z-index: -1; overflow: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .header-blocks__building-blocks > svg { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-blocks__building-blocks > svg:nth-child(3n + 2) { margin-left: 8rem; } .header-blocks__building-blocks > svg:nth-child(3n + 3) { margin-left: auto; } @media screen and (min-width: 79.5em) { .header-blocks__building-blocks { width: 100%; left: 50%; -webkit-transform: translateX(-50%) translateY(100%); -ms-transform: translateX(-50%) translateY(100%); transform: translateX(-50%) translateY(100%); } } @media screen and (max-width: 63.9em) { .header-blocks__container { padding: 6rem 0 10rem 0; } .header-blocks__building-blocks { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .header-blocks__building-blocks > svg:last-child { display: none; } .header-blocks__building-blocks { bottom: -10rem; } .header-blocks__scroll-btn { bottom: -11rem; } .header-blocks__title { font-size: 8rem; } .header-blocks__grid { grid-template-columns: repeat(10, minmax(0, 1fr)); grid-template-areas: "c c c c c c . . . ." "c c c c c c a a a a" "c c c c c c a a a a" ". d d d d d b b b ." ". d d d d d b b b ."; } } @media screen and (max-width: 47.9em) { .header-blocks__building-blocks { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header-blocks__building-blocks > svg:not(:first-child) { display: none; } .header-blocks__grid { max-width: 100%; } .header-blocks__title { font-size: 4rem; } } /* SIDEMENU */ .c-sidemenu__wrapper { width: 100%; } @media screen and (min-width: 64em) { .c-sidemenu__wrapper { width: calc(100% - 10rem); position: -webkit-sticky; position: sticky; top: 90px; } } .c-sidemenu__pagetitle { font-weight: 700; font-size: 2.4rem; margin-bottom: 2rem; } .c-sidemenu__list { margin: 0; padding: 0; list-style: none; position: relative; } .c-sidemenu__list--toggle:after { content: ''; position: absolute; top: auto; bottom: 0; width: 100%; height: 95%; display: block; background: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(rgba(255, 255, 255, 0.5))); background: -webkit-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0.5) 100%); background: -o-linear-gradient(bottom, #ffffff 0%, rgba(255, 255, 255, 0.5) 100%); background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.5) 100%); } .c-sidemenu__list--toggle { height: 20rem; overflow: hidden; pointer-events: none; } .c-sidemenu__item { display: block; width: 100%; border-bottom: 1px solid rgba(109, 108, 108, 0.25); } .c-sidemenu__link { color: #1a1a1a; display: block; width: 100%; padding: 1.2rem 3rem 1.2rem 1rem; text-align: left; font-family: "Asap", sans-serif; line-height: 1.4; font-size: 1.6rem; text-decoration: none; position: relative; border: 0; background: white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-sidemenu__link:hover { background: rgba(109, 108, 108, 0.15); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-sidemenu__link:after { content: ''; opacity: 0.5; position: absolute; display: block; top: 0; bottom: 0; left: auto; right: 0.5rem; margin: auto 0; width: 2rem; height: 2rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-size: 50%; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-sidemenu__link--button:after { width: 3rem; height: 3rem; right: 0; opacity: 0.25; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .c-sidemenu__link--button.s-open:after, .c-sidemenu__item--active .c-sidemenu__link--button:after { opacity: 0.5; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .c-sidemenu__link--button.s-open { background: rgba(109, 108, 108, 0.05); } .c-sidemenu__item--active .c-sidemenu__link { background: rgba(0, 112, 177, 0.05) !important; } .c-sidemenu__link--subalt { font-style: italic; background: rgba(109, 108, 108, 0.05); padding-left: 2.5rem; } .c-sidemenu__link--subalt:before { content: ''; width: 2rem; height: 2rem; left: 0.5rem; right: auto; opacity: 0.5; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; display: block; top: 0; bottom: 0; margin: auto; background-size: 50%; background-position: center; background-repeat: no-repeat; } .c-sidemenu__link--subalt:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .c-sidemenu__link--sub { color: #1a1a1a; background: rgba(109, 108, 108, 0.05); padding-left: 2.5rem; } .c-sidemenu__link--sub:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .c-sidemenu__text { color: rgba(26, 26, 26, 0.5); display: block; width: 100%; padding: 1.2rem 3rem 1.2rem 1rem; margin-top: 2rem; text-align: left; font-family: "Asap", sans-serif; line-height: 1.4; font-size: 1.4rem; text-decoration: none; position: relative; border: 0; background: white; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-sidemenu__item--active .c-sidemenu__sublist { display: block; } @media screen and (min-width: 48em) { .c-sidemenu__list { position: relative; overflow: visible; pointer-events: all; height: auto; } .c-sidemenu__list:after { display: none; } } @media screen and (min-width: 64em) { .c-sidemenu__link { padding: 1.2rem 3rem 1.2rem 2rem; } .c-sidemenu__text { padding: 1.2rem 3rem 1.2rem 2rem; } .c-sidemenu__link--subalt { padding-left: 4rem; } .c-sidemenu__link--subalt:before { left: 1.5rem; } .c-sidemenu__link--sub { padding-left: 4rem; } } .c-sidemenu__sublist { display: none; list-style: none; margin: 0; padding: 0; } .c-sidemenu__subitem { display: block; width: 100%; border-top: 1px solid rgba(109, 108, 108, 0.25); } .c-sidemenu__subitem--active .c-sidemenu__link { color: #0070b1; } .c-sidemenu__subitem--active .c-sidemenu__link:after { color: #0070b1; pointer-events: none; } .c-sidemenu__list.s-open { height: 100%; pointer-events: all; } .c-sidemenu__list.s-open:after { display: none; } .c-sidemenu__list.s-open + .c-sidemenu__mob-button, .c-sidemenu__list.s-open + .c-sidemenu__mob-button + .c-sidemenu__mob-button { top: 2rem; } .c-sidemenu__mob-button, .c-sidemenu__mob-button + .c-sidemenu__mob-button { background: white; position: relative; top: -2rem; } .c-sidemenu__mob-button + .c-sidemenu__mob-button { display: none; } @media screen and (min-width: 48em) { .c-sidemenu__mob-button { display: none; } } .c-sidemenu { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-content__holder { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-content__row { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (max-width: 47.9em) { .c-sidemenu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-content__holder { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-content__row { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media screen and (max-width: 47.9em) { .c-sidemenu { margin-top: 3rem; } } /* KEURMERKEN LOGOS */ .c-keurmerken { position: relative; z-index: 11; background: white; } .c-keurmerken .l-content { padding-top: 2rem; padding-bottom: 2rem; border-bottom: 2px solid #ebebeb; } .c-keurmerken img { margin: 0 auto; max-height: 8rem; } .c-keurmerken__slider { padding: 0 3rem; } .c-keurmerken__slider .l-image__parent { height: 8rem; text-align: center; background: none; } .c-keurmerken__slider .l-image__parent img { height: 8rem; width: auto; position: relative; } @media screen and (min-width: 48em) { .c-keurmerken .l-content { padding-top: 4rem; } } .c-agenda { position: relative; } .c-agenda__home-wrapper { position: relative; margin-bottom: 2rem; } .c-agenda__home-date { display: block; width: 100%; font-size: 2.4rem; font-family: "urbanamedium", sans-serif; } .c-agenda__home-title { font-size: 2.2rem; line-height: 1.4; margin-top: -0.5rem; display: block; } .c-agenda__home-text { padding: 1rem 2rem; color: white; position: absolute; width: 100%; top: auto; bottom: 0; z-index: 10; } .c-agenda__home-background { position: relative; } .c-agenda__home-background:after { content: ""; width: 100%; height: 50%; position: absolute; top: auto; bottom: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(rgba(26, 26, 26, 0.75))); background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); } .c-agenda__home-button { margin-top: 3rem; text-align: center; } .c-agenda__home-button > * { margin: 0 auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media screen and (min-width: 48em) { .c-agenda__home-wrapper { margin-bottom: 0; } .c-agenda__home-text { padding: 1rem 2rem 2rem; } .c-agenda__home-date { font-size: 1.8rem; } .c-agenda__home-title { font-size: 1.4rem; } } @media screen and (min-width: 64em) { .c-agenda__home-text { padding: 3rem 4rem; } .c-agenda__home-date { font-size: 2.4rem; } .c-agenda__home-title { font-size: 2.2rem; } } .c-agenda__overview-margintop { margin-top: 1rem; } .c-agenda__overview-holder { margin-bottom: 5rem; color: #1a1a1a; width: 100%; } .c-agenda__overview-title { color: #1a1a1a; font-size: 3.2rem; margin-top: 1rem; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-agenda__overview-title:hover { color: #9e0b6c; } .c-agenda__overview-date { color: #6d6c6c; font-size: 2.6rem; font-family: "Asap", sans-serif; margin-top: 0.5rem; margin-bottom: 3rem; } .c-agenda__overview-navholder { text-align: center; border-top: 1px solid #ebebeb; padding-top: 3rem; } @media screen and (min-width: 48em) { .c-agenda__overview-margintop { margin-top: 3rem; } .c-agenda__overview-holder { margin-bottom: 10rem; } .c-agenda__overview-title { margin-top: -0.8rem; } } .c-agenda__detail-aanmelden { background: #ebebeb; padding: 1rem 4rem 4rem; max-width: 100%; margin-top: 3rem; } @media screen and (min-width: 48em) { .c-agenda__detail-aanmelden { background: none; padding: 0rem; } } @media screen and (min-width: 64em) { .c-agenda__detail-aanmelden { background: #ebebeb; padding: 1rem 4rem 4rem; max-width: 80%; } } .c-agenda__holder { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media screen and (min-width: 48em) { .c-agenda__holder { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-agenda__holder + .c-content__holder { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } /* USP's */ .c-usp { padding-bottom: 2rem; margin-bottom: -2rem; background: #e0f6ff; /* @media @min64 { &__wrapper {top: 7rem; padding: 2rem 4rem 5rem;} &__wrapper--blue-c {top: 0rem; padding-top: 9rem; padding-bottom: 7rem; height: ~"calc(100% + 6rem)";} &__wrapper--blue-c:after {height: ~"calc(100% - 15rem)";} } */ } @media screen and (min-width: 48em) { .c-usp { padding-bottom: 6rem; margin-bottom: 0; background: none; padding-top: 0; } } .c-usp [class*="l-col--"] { position: relative; } .c-usp [class*="l-col--"]:nth-of-type(1) { z-index: 11; } .c-usp [class*="l-col--"]:nth-of-type(2) { z-index: 9; } .c-usp__wrapper { background: #9e0b6c; border-radius: 7rem 0 0 0; position: relative; top: 0; padding: 2rem 2rem 2rem; margin-bottom: 2rem; } .c-usp__wrapper--dark { background: #2e3e49; } .c-usp__wrapper--blue-b { background: #04aade; } .c-usp__wrapper--blue-c { background: #0070b1; } .c-usp__wrapper * { text-align: center; color: white; width: 100%; } @media screen and (min-width: 48em) { .c-usp__wrapper { top: 3rem; padding: 1rem 2rem 3rem; margin-bottom: 0; } .c-usp__wrapper--blue-c { top: 0rem; padding-top: 4rem; padding-bottom: 4rem; height: calc(100% + 4rem); -webkit-box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.35); box-shadow: 10px 10px 25px rgba(0, 0, 0, 0.35); } .c-usp__wrapper--blue-c:after { content: ''; background: #0070b1; display: block; height: calc(100% - 12rem); width: 2rem; position: absolute; top: 7rem; left: -1rem; z-index: 11; } } .c-usp__icon { margin: 1rem 0 1rem; } .c-usp__icon-svg { height: 6rem; width: 6rem; } .c-usp__title { font-family: "urbanamedium", sans-serif; font-size: 2.4rem; } .c-usp__link { margin-top: 2rem; display: inline-block; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-usp__link:hover { color: #9e0b6c; } @media screen and (min-width: 48em) { .c-usp__icon { margin: 3rem 0 2rem; } .c-usp__icon-svg { height: 10rem; width: 10rem; } } .c-usp__stethoscoop { display: none; } @media screen and (min-width: 48em) { .c-usp__stethoscoop { display: block; width: 130%; position: absolute; z-index: 10; top: auto; left: -93.8%; bottom: -13rem; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-usp__stethoscoop img { width: 100%; } .c-usp__stethoscoop.animated { bottom: -6.6rem; } } @media screen and (min-width: 64em) { .c-usp__stethoscoop { left: -89.4%; } .c-usp__stethoscoop.animated { bottom: -10.6rem; } } /* ABC OVERZICHT */ .c-abc__title { display: block; margin-bottom: 0.5rem; width: 100%; } .c-abc__profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; margin-bottom: 1rem; } .c-abc__profile__image { width: 8rem; height: 8rem; border-radius: 50%; margin-right: 2rem; overflow: hidden; } .c-abc__profile__image img { width: 100%; height: 100%; display: block; } .c-abc__profile__link { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-decoration: none; } .c-abc__profile__link span:first-child { color: #0070b1; display: block; margin: 0; } .c-abc__profile__link span:last-child { color: #1a1a1a; display: block; } .c-abc__select-list { margin: 0; padding: 2rem 1rem; list-style: none; margin-bottom: 3rem; background: rgba(235, 235, 235, 0.75); border-radius: 3rem; text-align: center; } .c-abc__select-item { display: inline-block; font-size: 0; margin: 0; padding: 0; width: 100%; max-width: 18%; text-align: center; } .c-abc__select-link { border: 0; background: rgba(235, 235, 235, 0.15); font-family: "urbanamedium", sans-serif; font-size: 2.3rem; display: block; border-radius: 2rem; width: 100%; height: 4rem; line-height: 3.75rem; text-align: center; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-abc__select-link:hover, .c-abc__select-link:focus, .c-abc__select-link.s-active { background: #9e0b6c; color: white; cursor: pointer; } .c-abc__select-link.s-empty { pointer-events: none; opacity: 0.25; } .c-abc__letter { font-family: "urbanamedium", sans-serif; font-size: 6rem; border: 0; background: none; padding: 0; width: 100%; border-bottom: 1px solid #1a1a1a; margin-bottom: 2rem; padding-bottom: 1rem; display: block; text-align: left; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-abc__letter-list { margin: 0; padding: 0; list-style: none; margin-bottom: 2rem; } .c-abc__letter-item { display: block; padding-bottom: 0.5rem; } .c-abc__letter-link { color: black; text-decoration: none; font-size: 1.4rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-abc__letter-link:hover { color: #9e0b6c; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-abc__letter-holder { top: 0; } .c-abc__letter-holder--empty .c-abc__letter { color: rgba(26, 26, 26, 0.25); } .c-abc__letter-holder.s-active .c-abc__letter { color: #9e0b6c; border-color: #9e0b6c; } @media screen and (min-width: 48em) { .c-abc__profile { margin-bottom: 2rem; } .c-abc__letter { width: 90%; } .c-abc__letter--profiles { width: 100%; } .c-abc__letter-list { margin-bottom: 8rem; padding: 0.5rem 1rem; } .c-abc__letter-list--profiles { padding: 0.5rem 0; width: calc(100% + 4rem;); margin-left: -4rem; } .c-abc__select-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1rem 1rem; } .c-abc__select-item { max-width: 100%; width: auto; } .c-abc__select-link { width: 3rem; text-align: center; } .c-abc__letter-holder { position: relative; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-abc__letter-holder:nth-of-type(4n+1) { top: 5rem; } .c-abc__letter-holder:nth-of-type(4n+2) { top: 8rem; } .c-abc__letter-holder:nth-of-type(4n+3) { top: 11rem; } .c-abc__letter-holder:nth-of-type(4n+4) { top: 14rem; } .c-abc__letter-holder.animated { top: 0; } } @media screen and (min-width: 64em) { .c-abc__select-list { display: block; } .c-abc__select-item { width: 3.2%; } .c-abc__letter-holder:nth-of-type(3n+1) { top: 5rem !important; } .c-abc__letter-holder:nth-of-type(3n+2) { top: 8rem !important; } .c-abc__letter-holder:nth-of-type(3n+3) { top: 11rem !important; } .c-abc__letter-holder.animated { top: 0 !important; } } @media screen and (min-width: 79.5em) { .c-abc__title { display: inline-block; } .c-abc__maxwidth { max-width: 73%; float: left; } .c-abc__maxwidth:nth-of-type(2) { max-width: 25%; float: right; margin-left: 2%; } .c-abc__maxwidth + .l-grid { width: 100%; } .c-abc__select-item { max-width: 3.8%; } .c-abc__select-link { width: 4rem; } .c-abc .f-input--abcpage { height: 5rem; margin-top: 0.5rem; border-radius: 2.5rem 0 0 2.5rem; } .c-abc .f-input--abcpage + .btn { height: 5rem; margin-top: 0.5rem; border-radius: 0 2.5rem 2.5rem 0; } } /* NEWS */ .c-news__overview-wrapper { padding-bottom: 12rem; text-decoration: none; color: #1a1a1a; position: relative; display: block; height: 100%; } .c-news__overview-imgholder { display: block; overflow: hidden; position: relative; } .c-news__overview-imgholder img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-news__overview-imgholder:hover img { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .c-news__overview-txtholder { display: block; } .c-news__overview-txtholder .btn { position: absolute; top: auto; bottom: 6rem; left: 0; display: inline-block; width: auto; min-width: 16rem; text-align: left; } .c-news__overview-iconholder { position: absolute; pointer-events: none; top: 2rem; left: auto; right: 2rem; z-index: 10; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; border: 0.2rem solid white; width: 5rem; height: 5rem; } .c-news__overview-iconholder > * { width: 75%; height: 75%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .c-news__overview-title { width: 100%; color: #1a1a1a; display: inline-block; text-decoration: none; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-news__overview-title:hover { color: #9e0b6c; } .c-news__overview-navholder { text-align: center; border-top: 1px solid #ebebeb; padding-top: 3rem; } .c-news__pagenav-container { background: #ebebeb; padding: 2rem 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-news__pagenav-container [class*="l-col--"]:nth-last-of-type(1) { text-align: right; margin-top: 1rem; } @media screen and (min-width: 48em) { .c-news__pagenav-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-news__pagenav-container ~ .l-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-news__pagenav-container [class*="l-col--"]:nth-last-of-type(1) { text-align: right; margin-top: 0; } } .c-news__home-container { padding: 1rem 0; } .c-news__home-grid [class*="l-col--"] { margin-bottom: 2rem; } .c-news__home-grid [class*="l-col--"]:nth-last-of-type(1) { margin-bottom: 0; } .c-news__home-title { background: #0070b1; width: 100%; border-radius: 8rem 0 0 0; padding: 2rem; } .c-news__home-imgholder { height: 100%; overflow: hidden; display: block; position: relative; width: 100%; } .c-news__home-imgholder .l-image__parent { height: 100%; } .c-news__home-imgholder .l-image__item { background: #0070b1; height: 100%; } .c-news__home-imgholder .l-image__parent:before { content: ""; opacity: 0.75; height: 75%; width: 100%; display: block; position: absolute; top: auto; bottom: 0; left: 0; z-index: 10; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(#1a1a1a)); background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0) 0%, #1a1a1a 100%); background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, #1a1a1a 100%); background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0%, #1a1a1a 100%); } .c-news__home-imgholder img { height: 100%; width: 100%; margin: 0 auto; left: -99999px; right: -99999px; } .c-news__home-imgholder:hover { cursor: pointer; } .c-news__home-imgholder:hover img { opacity: 0.75; } .c-news__home-txt { text-align: center; position: absolute; width: 100%; padding: 0 2rem 1rem; font-family: "urbanamedium", sans-serif; font-size: 2.4rem; line-height: 1.2; color: white; z-index: 11; top: auto; left: 0; bottom: 0; } @media screen and (min-width: 48em) { .c-news__home-container { margin: 0; padding: 0; } .c-news__home-imgholder img { height: 100%; width: auto; } .c-news__home-title { padding: 2rem 2rem; } .c-news__home-grid [class*="l-col--"] { margin-bottom: 0; } .c-news__home-txt { text-align: left; padding: 0 3rem 2rem; line-height: 1.4; } .c-news__home-grid [class*="l-col--"], .c-news__home-imgholder, .c-news__home-title, .c-news__home-imgholder .l-image__parent, .c-news__home-imgholder img { min-height: 28rem; } .c-news__home-grid [class*="l-col--"]:nth-of-type(1) { display: block; min-height: 0; } } @media screen and (min-width: 64em) { .c-news__home-title { display: block; } .c-news__home-grid [class*="l-col--"]:nth-of-type(1) { margin-top: 0; min-height: 28rem; } } @media screen and (min-width: 79.5em) { .c-news__home-title { padding: 2rem; } } .c-news__home-normalmode { display: block; } .c-news__home-portraitmode { display: none; text-align: center; } @media screen and (min-width: 48em) { .c-news__home-normalmode { display: none; } .c-news__home-portraitmode { display: block; } .c-news__home-portraitmode .c-title__iconwrap { display: none; } } @media screen and (min-width: 64em) { .c-news__home-normalmode { display: block; } .c-news__home-portraitmode { display: none; } } .c-news__home__tags { font-size: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-bottom: 1rem; } @media screen and (max-width: 47.9em) { .c-news__home__tags { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .c-news__home__tags-label { display: inline-block; background: #0070b1; padding: 0.5rem 1rem; border-radius: 10px 2px 2px 2px; margin-right: 1rem; } .c-faq__overview-link { background: #0070b1; display: block; position: relative; text-decoration: none; margin-bottom: 1.5rem; padding: 2rem 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-faq__overview-link * { color: white; } .c-faq__overview-link--small.accordion__header--active + .c-faq__category-panel { margin-bottom: 7rem; margin-top: -2rem; } .c-faq__category-wrapper a { text-decoration: none; } .c-faq__category-wrapper a .c-faq__overview-link--small { border-radius: 0 !important; } .c-faq__category-wrapper a:nth-of-type(1) .c-faq__overview-link--small { border-radius: 5rem 0 0 0 !important; } .c-faq__overview-link:nth-of-type(1) { border-radius: 5rem 0 0 0; } .c-faq__category-wrapper a:nth-last-of-type(1) .c-faq__overview-link--small { border-radius: 0 0 5rem 0 !important; } .c-faq__overview-link:nth-last-of-type(1) { border-radius: 0 0 5rem 0; } @media screen and (min-width: 48em) { .c-faq__overview-link { padding: 4rem 5rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3rem; } .c-faq__overview-link--small { padding: 2.5rem 2.5rem; margin-bottom: 2rem; } } .c-faq__overview-subtitle { display: block; opacity: 0.5; font-size: 1.9rem; line-height: 1.4; } .c-faq__overview-title { display: block; font-size: 2.6rem; line-height: 1.2; } .c-faq__overview-btnholder { min-width: 100%; margin-top: 1rem; } @media screen and (min-width: 48em) { .c-faq__overview-btnholder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; min-width: 0%; margin: 0; } } .c-faq__overview-txtholder { display: block; min-width: 100%; padding-left: 1rem; margin-bottom: 1rem; } .c-faq__overview-iconholder { display: none; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 5; width: 7rem; height: 7rem; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-faq__overview-icon { position: absolute; top: 0; opacity: 1; left: 0; right: 0; margin: auto; width: 7rem; height: 5rem; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-faq__overview-icon--a { background-image: url('/media/gfx/logo_ani-w-a.svg'); opacity: 0.25; } .c-faq__overview-icon--b { background-image: url('/media/gfx/logo_ani-w-b.svg'); opacity: 0.5; } .c-faq__overview-icon--c { background-image: url('/media/gfx/logo_ani-w-c.svg'); opacity: 0.75; } @media screen and (min-width: 48em) { .c-faq__overview-txtholder { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; min-width: 0%; padding-left: 3.5rem; margin-bottom: 0rem; } .c-faq__overview-iconholder { display: block; } .c-faq__overview-iconholder + .c-faq__overview-txtholder { padding-left: 8rem !important; } } .c-faq__overview-link:hover { background: #3f4f5a; } .c-faq__overview-link:hover .c-faq__overview-icon, .c-faq__overview-link:focus .c-faq__overview-icon { top: 1rem; } .c-faq__overview-link--small.accordion__header--active { background: #3f4f5a; } .c-faq__category-wrapper { margin-top: 3rem; } .c-faq__category-header { font-size: 1.8rem; line-height: 1.2; font-family: "Asap", sans-serif; padding: 3rem 0; padding-left: 6rem; margin: 0; background: white; border-top: 1px solid #ebebeb; outline: none; } .c-faq__category-header:before { left: 0; top: 0; bottom: 0; margin: auto 0; width: 5rem; height: 5rem; background-color: transparent; } .c-faq__category-header[aria-expanded="true"]:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0.35; } .c-faq__category-header[aria-expanded="false"]:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } .c-faq__category-header:hover, .c-faq__category-header:focus { background: #ffffff; } .c-faq__category-panel { padding: 0; border: 0; } .c-faq__category-header[aria-expanded="true"] + .c-faq__category-panel { margin-top: -3rem; position: relative; z-index: 1; } @media screen and (min-width: 48em) { .c-faq__category-header { font-size: 2.6rem; } .c-faq__category-header[aria-expanded="true"] + .c-faq__category-panel { padding-left: 6rem; } } /* EXPERTISES SLIDER */ .c-expertises__slider { padding: 0; } .c-expertises__slide { padding: 0 2rem; } .c-expertises__slide-url { text-decoration: none; color: #2e3e49; } @media screen and (min-width: 48em) { .c-expertises__slider { padding: 0 3rem; } } .c-expertises__imgholder { position: relative; display: block; } .c-expertises__imgholder:after { content: ''; position: absolute; z-index: 10; top: auto; bottom: 0; height: 75%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(rgba(26, 26, 26, 0.9))); background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.9) 100%); background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.9) 100%); background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.9) 100%); } .c-expertises__heading { width: 100%; display: block; z-index: 11; position: absolute; top: auto; bottom: 0; left: 0; padding: 1rem 2rem 2rem; } .c-expertises__title { z-index: 10; word-break: break-word; color: white; width: 100%; font-family: "urbanamedium", sans-serif; font-size: 2.2rem; line-height: 1.4; } .c-expertises__iconholder { width: 4.5rem; height: 4.5rem; margin-right: 1.5rem; margin-top: 0rem; border: 2px solid white; float: left; border-radius: 50%; padding: 1rem; } .c-expertises__icon { width: 100%; height: auto; } .c-expertises__txtholder { background: white; padding: 2rem 3rem 9rem 3rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .c-expertises__txtholder .btn { position: absolute; top: auto; bottom: 3rem; left: 0; right: 0; margin: auto; width: 20rem; } @media screen and (min-width: 48em) { .c-expertises__slide { min-height: 30rem; } .c-expertises__heading { padding: 2rem 1rem 2rem; } .c-expertises__txtholder { min-height: 42rem; } .c-expertises__iconholder { width: 6rem; height: 6rem; border: 3px solid white; } } @media screen and (min-width: 64em) { .c-expertises__txtholder { min-height: 35rem; } } @media screen and (min-width: 79.5em) { .c-expertises__heading { padding: 2rem 2rem 3rem; } } /* ZOEKRESULTATEN */ .c-searchresult__holder { display: none; } .c-searchresult__holder--sm { position: absolute; top: 6rem; z-index: 10; } .c-searchresult__overflow { width: 100%; font-size: 1.6rem; background: #ebebeb; max-height: 31rem; overflow-y: auto; overflow-x: hidden; -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25); box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 47.9em) { .c-searchresult__overflow { width: 90%; border: 2px solid #2e3e49; margin: 0 auto; max-height: 40vh; } } .c-searchresult__title { font-family: "urbanamedium", sans-serif; font-size: 1.8rem; background: #dadada; padding: 1rem 2rem 0.5rem; border-top: 1px solid #dadada; } .c-searchresult__holder--sm .c-searchresult__title:nth-of-type(1):before { content: ''; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: -1rem; left: 0; right: 0; margin: 0 auto; width: 2rem; height: 2rem; background: #dadada; } .c-searchresult__list { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #dadada; } .c-searchresult__item { display: block; width: 100%; } .c-searchresult__link { color: #1a1a1a; display: block; width: 100%; padding: 0.75rem 2rem 0.75rem 2rem; border-top: 1px solid #dadada; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-searchresult__link:focus, .c-searchresult__link:hover { background: #dadada; color: #9e0b6c; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-doorlooptijden__column { width: 20%; position: relative; } .c-doorlooptijden__column:nth-of-type(even) { width: 30%; } @media screen and (min-width: 48em) { .c-doorlooptijden__column { width: 35%; } .c-doorlooptijden__column:nth-of-type(even) { width: 15%; } } .c-doorlooptijden__number { font-size: 3.6rem; color: #0070b1; font-family: "urbanamedium", sans-serif; line-height: 1; } .c-doorlooptijden__text { line-height: 0.8; color: #0070b1; margin-bottom: 1rem; } .c-doorlooptijden__label { height: 100%; font-weight: 700; -ms-flex-item-align: center; align-self: center; color: #04aade; } @media screen and (min-width: 48em) { .c-doorlooptijden__number { font-size: 6.6rem; } } .c-doorlooptijden__line { border: 0.3rem solid #04aade; height: 1px; width: 100%; display: block; margin: 1rem 0; } .c-doorlooptijden__line--dashed { border: 0.3rem dashed #04aade; border-radius: 0.6rem 0 0 0.6rem; } .c-doorlooptijden__line--small { width: 50%; } .c-doorlooptijden__button { position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 4rem; padding: 0; height: 4rem; cursor: pointer; background: #04aade; border: 0; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__button span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; width: 3rem; height: 3rem; margin: auto; background-color: #04aade; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__button:before { content: ''; z-index: -1; position: absolute; top: auto; border-radius: 0.3rem; bottom: 1rem; left: 0; right: 0; margin: 0 auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 2rem; height: 2rem; background: #0070b1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__button:hover, .c-doorlooptijden__button.s-open { background: #0070b1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__button:hover span, .c-doorlooptijden__button.s-open span { background-color: #0070b1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__button:hover:before, .c-doorlooptijden__button.s-open:before { bottom: -0.4rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-doorlooptijden__info { display: none; color: white; width: 100%; padding: 1rem 4rem 3rem; border-radius: 1rem; margin-top: 5rem; background: #0070b1; } .c-doorlooptijden__info * { color: white; } .zkn-widget-type-3 { width: 100% !important; } .zkn-widget-body { color: #322766; font-size: 13px; font-family: Arial, sans-serif; border-radius: 4px; background: none #fff; border: 1px solid #ccc; width: 100%; max-width: 336px; padding: 9px; -webkit-box-sizing: border-box; box-sizing: border-box; } .zkn-widget-type-3 .zkn-widget-body { height: auto !important; } .zkn-widget-body .widget_content { padding: 20px 10px !important; } .fractional_number { float: left !important; text-align: center; font-size: 44px; font-weight: 700; margin-right: 15px; width: 90px; height: 90px; padding: 15px 0; background: none #322766; color: #fff; border-radius: 50%; border: 5px solid #fff; -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; } .zkn-widget-body a, .zkn-widget-body a:hover, .zkn-widget-body a:focus { color: #ff7800; text-decoration: none; -webkit-transition: 150ms; -o-transition: 150ms; transition: 150ms; } .zkn-widget-body .fractional_number sup { text-align: center; font-weight: 700; color: #fff; font-size: 75%; line-height: 34px; vertical-align: top; top: 0 !important; } .zkn-widget-body .fractional_number span { text-align: center; font-size: 44px; font-weight: 700; color: #fff; display: inline-block; line-height: 48px; vertical-align: top; } .zkn-widget__body .zkn-widget__rating-score { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; font-size: 35px; padding-top: 9px; } .zorgkaart__wrapper { margin-top: 2rem; } .c-contactbar__holder { position: absolute; width: 5.7rem; height: 100%; max-height: 30rem; display: block; top: 0; left: -5.7rem; background: #9e0b6c; border-radius: 3rem 0 0 0; padding: 0; overflow: hidden; white-space: nowrap; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; z-index: 99999; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-contactbar__holder-txt { font-family: "Asap", sans-serif; position: absolute; left: 0; top: 5.7rem; bottom: 0; margin: auto; height: 5.7rem; padding: 2rem 3rem; color: white; border: 0; -webkit-transform: rotate(-90deg) translate(-50%, 50%); -ms-transform: rotate(-90deg) translate(-50%, 50%); transform: rotate(-90deg) translate(-50%, 50%); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; z-index: 1; } .c-contactbar__holder:hover { background: #2e3e49; cursor: pointer; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-contactbar__holder.s-active { background: #2e3e49; } .c-contactbar__iconholder { background: #7c004a; width: 5.72rem; height: 5.7rem; position: absolute; left: 0; right: 0; top: 0; z-index: 1; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-contactbar__holder:hover .c-contactbar__iconholder, .c-contactbar__holder.s-active .c-contactbar__iconholder { background: #0c1c27; } .c-contactbar__icon.icon { position: absolute; top: 1.5rem; left: 1.5rem; margin: auto; } .c-contactbar__wrapper { display: none; z-index: 100; min-height: 30rem; position: fixed; top: calc(40% - 6.1rem); width: 30rem; left: auto; right: -30rem; background: #9e0b6c; padding: 3rem 4rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-contactbar__wrapper.s-active { right: 0; } @media screen and (min-width: 64em) { .c-contactbar__wrapper { display: block; } .c-contactbar__holder { display: block; } } .searchwrapper .searchagain { display: block; margin-bottom: 2rem; } .searchwrapper .searchbox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .searchwrapper .searchbox input[type="search"] { padding: 1.25rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; border: 1px solid lightgray; } .searchwrapper .searchbox input[type="button"] { margin-left: -2px; width: auto; font-size: 90%; margin: 0; padding-left: 1.5rem; padding-right: 1.5rem; border: 1px solid lightgray; cursor: pointer; background-color: #f2f2f2; } .searchwrapper .totalNumberOfResults { display: block; margin-bottom: 3rem; padding-bottom: 1rem; font-weight: 700; border-bottom: 1px solid lightgray; font-size: 85%; } .searchwrapper .noResults { display: block; padding: 1.25rem; background-color: #f2f2f2; border: 1px solid lightgray; line-height: 1; font-size: 95%; } .searchwrapper .result { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 3.5rem; } .searchwrapper .result a { color: #9e0b6c; } .searchwrapper .resultImage { min-width: 12.5%; max-width: 12.5%; margin-right: 2rem; } .searchwrapper .resultImage img { width: 100%; height: auto; } .searchwrapper .resultContent { display: block; } .searchwrapper .resultTitle { display: block; color: blue; text-decoration: none; font-size: 107.5%; line-height: 1.3; margin-bottom: 0.25rem; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .searchwrapper .resultTitle:hover { text-decoration: underline; } .searchwrapper .resultUrl { color: rgba(0, 112, 177, 0.5); display: block; margin-top: 0.5rem; font-size: 90%; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .searchwrapper .resultDescription { display: block; font-size: 85%; margin-top: 0.5rem; } .searchwrapper .paging { display: block; margin-top: 5rem; } .searchwrapper .paging ol { list-style: none; margin: 0; padding: 0; } .searchwrapper .paging li { display: inline-block; margin: 0 1rem 0 0; } .searchwrapper .paging li a { width: 3.5rem; height: 3.5rem; padding-top: 3px; display: block; border: 1px solid lightgray; text-align: center; } .searchwrapper .paging li a.currentPage { text-decoration: none; background-color: #f2f2f2; color: inherit; font-weight: bold; } .searchwrapper .pagingSpacer { width: 1.5rem; height: 3.25rem; margin: 0 1rem 0 0; display: inline-block; text-align: center; } .c-kwaliteitsblok__container { padding-top: 0; padding-bottom: 0; } .c-kwaliteitsblok__container > [class*="container"] + [class*="container"] { padding-top: 0; } .c-kwaliteitsblok__container.has-infoblock { z-index: 15; padding-bottom: 6.1rem; } .c-kwaliteitsblok__container:nth-of-type(even) svg * { stroke: #9e0b6c; } .c-kwaliteitsblok__container:nth-of-type(even) .c-kwaliteitsblok__info, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__button { background: #9e0b6c; } .c-kwaliteitsblok__container:nth-of-type(even) [class*="btn--autocolor"], .c-kwaliteitsblok__container:nth-of-type(even) [class*="button--roze"], .c-kwaliteitsblok__container:nth-of-type(even) [class*="button--blauw"], .c-kwaliteitsblok__container:nth-of-type(even) [class*="btn"], .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__button:before, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__button span { background-color: #9e0b6c !important; } .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__button.s-open span, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__button:hover span, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__info { background-color: #6e084b !important; } .c-kwaliteitsblok__container:nth-of-type(even) .c-kwaliteitsblok__item, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__number, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__text, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__label { color: #9e0b6c; } .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__line, .c-kwaliteitsblok__container:nth-of-type(even) .c-doorlooptijden__line--dashed { border-color: #9e0b6c; } main > .c-kwaliteitsblok__container:nth-of-type(odd) { background: #f7f7f7; border-top: 2px solid #ebebeb; border-bottom: 2px solid #ebebeb; } main > .c-kwaliteitsblok__container:nth-of-type(odd):first-of-type { border-top: 0; } .c-kwaliteitsblok__container:nth-of-type(odd) [class*="button--roze"], .c-kwaliteitsblok__container:nth-of-type(odd) [class*="button--blauw"], .c-kwaliteitsblok__container:nth-of-type(odd) [class*="btn"] { background-color: #0070b1 !important; } .c-kwaliteitsblok__container:nth-of-type(odd) .is-open.c-kwaliteitsblok__extra-info > [class*=__info__close] [class*=item] { background: #f7f7f7; } .c-kwaliteitsblok__container [class*="button--roze"]:hover, .c-kwaliteitsblok__container [class*="button--blauw"]:hover, .c-kwaliteitsblok__container [class*="btn"]:hover { background-color: #2e3e49 !important; } .c-kwaliteitsblok__container [class*="button--roze"]:hover .icon--round, .c-kwaliteitsblok__container [class*="button--blauw"]:hover .icon--round, .c-kwaliteitsblok__container [class*="btn"]:hover .icon--round { background-color: rgba(0, 0, 0, 0.3); } @media screen and (min-width: 48em) { .c-kwaliteitsblok__container { padding-top: 2.4rem; padding-bottom: 2.4rem; } } @media screen and (max-width: 63.9em) { .c-kwaliteitsblok__container__start .l-grid > [class*="l-col"]:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-kwaliteitsblok__container__start .l-grid > [class*="l-col"]:last-of-type { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .c-kwaliteitsblok__page-nav__container { display: none; padding: 0; z-index: 20; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__page-nav__container { display: block; } } .c-kwaliteitsblok__page-nav__container.is-fixed { position: fixed; top: 6.1rem; left: 0; right: 0; bottom: auto; background: #ffffff; z-index: 200; border-bottom: 2px solid #ebebeb; } .c-kwaliteitsblok__page-nav__container.is-fixed.s-nav_open { top: 12rem; border-top: 1px solid #ebebeb; } .c-kwaliteitsblok__page-nav__container:not([class*="is-fixed"]) { border-top: 2px solid #ebebeb; } .c-kwaliteitsblok__page-nav__wrapper { margin: 0; } .c-kwaliteitsblok__page-nav__list { -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; } .c-kwaliteitsblok__page-nav__item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: auto; } .c-kwaliteitsblok__page-nav__item__link { background: #ffffff; padding: 1.5rem 4.5rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .c-kwaliteitsblok__page-nav__item__link::before { content: ''; width: 0; height: 0; border-left: 0.8rem solid transparent; border-right: 0.8rem solid transparent; border-top: 0.8rem solid #2e3e49; display: inline-block; position: absolute; left: 0; right: 0; bottom: -0.8rem; margin: auto; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .c-kwaliteitsblok__page-nav__item__link:hover, .c-kwaliteitsblok__page-nav__item__link [class*="__item"]:hover, [class*="__item"]:hover > .c-kwaliteitsblok__page-nav__item__link, .c-kwaliteitsblok__page-nav__item__link.is-active { background: #2e3e49; color: #ffffff; } .c-kwaliteitsblok__page-nav__item__link:hover::before, .c-kwaliteitsblok__page-nav__item__link [class*="__item"]:hover::before, [class*="__item"]:hover > .c-kwaliteitsblok__page-nav__item__link::before, .c-kwaliteitsblok__page-nav__item__link.is-active::before { opacity: 1; } .c-kwaliteitsblok__row h2, .c-kwaliteitsblok__row .h2 { font-size: 3.8rem; margin-top: 0; margin-bottom: 1.6rem; } .c-kwaliteitsblok__row p:first-of-type { margin-top: 0; } @media screen and (max-width: 63.9em) { .c-kwaliteitsblok__row > [class*="l-col-"] + [class*="l-col-"] { margin-top: 4rem; } .c-kwaliteitsblok__row [class*="doorlooptijden__container"] { padding: 0; } } .c-kwaliteitsblok__item { display: -webkit-box; display: -ms-flexbox; display: flex; color: #0070b1; min-height: 20rem; position: relative; } .c-kwaliteitsblok__item:only-child { height: auto; } .c-kwaliteitsblok__item.js-triggerItemInfo { cursor: pointer; position: relative; } .c-kwaliteitsblok__item.js-triggerItemInfo .c-kwaliteitsblok__content:after { content: 'Lees meer'; text-align: left; display: inline-block; border-radius: 25%; position: absolute; bottom: -2rem; left: 0; right: 0; margin: auto; color: #fff; padding: 1rem; width: 13rem; text-decoration: none; padding: 0 2rem; height: 4rem; line-height: 38px; border: 0; background-color: #0070b1; border-radius: 2rem; background-size: 12px 12px; background-repeat: no-repeat; background-position: 87.5% center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMiwzMy40Yy0wLjcsMC0xLjQtMC4zLTItMC44TDIuOCwxNS40Yy0xLjEtMS4xLTEuMS0yLjksMC00czIuOS0xLjEsNCwwTDIyLDI2LjdsMTUuMi0xNS4yYzEuMS0xLjEsMi45LTEuMSw0LDBzMS4xLDIuOSwwLDRMMjQsMzIuNkMyMy40LDMzLjIsMjIuNywzMy40LDIyLDMzLjR6Ii8+PC9nPjwvZz48L3N2Zz4=); } .c-kwaliteitsblok__item--cijfer-vergelijk > [class$="__content"] { -webkit-box-flex: 1; -ms-flex: 1 0 2; flex: 1 0 2; padding: 2.4rem 0.5rem; } .c-kwaliteitsblok__item--quote > [class$="__content"] { padding: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-kwaliteitsblok__item--quote [class$="__text"] { font-weight: 700; color: inherit; } .c-kwaliteitsblok__item--banner-link { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #f7f7f7; border: 1px solid #e0e0e0; padding: 2rem 3rem; } .c-kwaliteitsblok__item--banner-link *, .c-kwaliteitsblok__item--banner-link h3.h2 { margin: 0; width: 100%; } @media screen and (min-width: 79.5em) { .c-kwaliteitsblok__item--banner-link *, .c-kwaliteitsblok__item--banner-link h3.h2 { width: auto; } } @media screen and (min-width: 79.5em) { .c-kwaliteitsblok__item--banner-link { width: calc(100% + 12rem); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-left: -6rem; margin-right: -6rem; padding: 3rem 6rem; } } @media screen and (max-width: 79.4375em) { .c-kwaliteitsblok__item--banner-link * + * { margin-top: 2rem; } .c-kwaliteitsblok__item--banner-link h3.h2 { font-size: 3.6rem; line-height: 3.6rem; } } .c-kwaliteitsblok__item--tabel { display: inline-block; width: calc((100% / 2 * 1) - (4rem - 1rem)); } .c-kwaliteitsblok__item--tabel > [class$="__content"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: distribute; justify-content: space-around; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-kwaliteitsblok__item--tabel [class*="__content-holder"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-kwaliteitsblok__item--tabel h3 { margin-top: 0; margin-bottom: 1.2rem; } .c-kwaliteitsblok__item--tabel h3:empty { margin-top: 0; } .c-kwaliteitsblok__item--tabel [class*="__title"] { font-size: 5rem; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__item--tabel [class*="__title"] { font-size: 6rem; } } .c-kwaliteitsblok__item--tabel [class*="__jaartal"] { font-weight: 700; margin-top: 1.2rem; margin-bottom: 0; display: block; line-height: 1; } @media screen and (max-width: 47.9em) { .c-kwaliteitsblok__item--tabel { grid-column: auto / span 2 !important; } .c-kwaliteitsblok__item--tabel > [class$="__content"] { height: auto; } } .c-kwaliteitsblok__item--tabel::after { padding-bottom: 1rem; } .c-kwaliteitsblok__item.is-selected { color: #ebebeb; } [class*="c-kwaliteitsblok__container"] .c-kwaliteitsblok__item.is-selected { color: #ebebeb; } [class*="c-kwaliteitsblok__container"] .c-kwaliteitsblok__item.is-selected > [class*="__content"] { background: #0070b1; } [class*="c-kwaliteitsblok__container"] .c-kwaliteitsblok__item.is-selected > [class*="__content"] svg * { stroke: #ffffff; } [class*="c-kwaliteitsblok__container"] .c-kwaliteitsblok__item.is-selected *:not(h3) { color: inherit; } .c-kwaliteitsblok__item.is-selected .c-kwaliteitsblok__content:after, .c-kwaliteitsblok__item.is-selected .c-kwaliteitsblok__content:before { color: #ebebeb; display: none; } [class*="c-kwaliteitsblok__container"]:nth-of-type(even) .c-kwaliteitsblok__item.is-selected > [class*="__content"] { background: #9e0b6c; } .c-kwaliteitsblok__item.js-triggerItemInfo:not(.is-selected):hover > [class*="__content"] { -webkit-box-shadow: 0px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px rgba(0, 0, 0, 0.1); background: #f9f9f9; } .c-kwaliteitsblok__item.js-triggerItemInfo:not(.is-selected):hover > [class*="__content"]::after { display: block; -webkit-animation: showMoreInfoOnBlock 0.2s ease-out forwards; animation: showMoreInfoOnBlock 0.2s ease-out forwards; } .c-kwaliteitsblok__item.js-triggerItemInfo:not(.is-selected):hover .c-kwaliteitsblok__content:after { background-color: #2e3e49; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (max-width: 47.9em) { .c-kwaliteitsblok__item.js-triggerItemInfo:not(.is-selected) { margin-bottom: 2rem!important; } .c-kwaliteitsblok__item.js-triggerItemInfo:not(.is-selected) > [class*="__content"]::after { display: block; float: left; opacity: 1; } } .c-kwaliteitsblok__content { -webkit-box-flex: 2; -ms-flex: 2 0 2; flex: 2 0 2; width: 100%; padding: 2.4rem 1.6rem; text-align: center; border: 1px solid #e0e0e0; background: #ffffff; position: relative; } @media screen and (max-width: 63.9em) { .c-kwaliteitsblok__content { padding: 2.4rem 1rem; } } .c-kwaliteitsblok__content + .c-kwaliteitsblok__content { margin-left: 0.5rem; } @media screen and (min-width: 64em) { .c-kwaliteitsblok__content + .c-kwaliteitsblok__content { margin-left: 2rem; } } .c-kwaliteitsblok__content-holder.is-inactive { color: #949494; } .c-kwaliteitsblok__content-holder.is-inactive * { color: #949494; } .c-kwaliteitsblok__content-holder.is-inactive svg * { stroke: #949494; } .c-kwaliteitsblok__title { font-size: 3.6rem; line-height: 3.6rem; margin: 0; color: inherit; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__title { font-size: 4.92rem; line-height: 5.76rem; } } .c-kwaliteitsblok__text { font-size: 1.4rem; margin: 0; margin-top: 1rem; color: #2e3e49; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__text { font-size: 1.8rem; } } .c-kwaliteitsblok__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__header { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } } @media screen and (min-width: 48em) { .c-kwaliteitsblok__header > * + *:not(:empty) { margin-left: 1rem; } } .c-kwaliteitsblok__icon { height: 100%; width: auto; } .c-kwaliteitsblok__icon div.icon { width: 3rem; height: 3rem; font-size: 2rem; margin-top: -1rem; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__icon div.icon { width: 5rem; height: 5rem; font-size: 4rem; margin-top: 0; } } .c-kwaliteitsblok__icon div.icon * { stroke: #0070b1; } .c-kwaliteitsblok__icon.has-no-title div.icon { width: 5rem; height: 5rem; font-size: 4rem; margin-top: -1rem; } @media screen and (min-width: 48em) { .c-kwaliteitsblok__icon.has-no-title div.icon { width: 7rem; height: 7rem; font-size: 6rem; } } .c-kwaliteitsblok__icon__picture { margin-top: 0 !important; background: transparent; width: 5rem; } .c-kwaliteitsblok__icon img { position: absolute !important; background: transparent !important; } .c-kwaliteitsblok__info { position: relative; margin-top: 4rem; padding: 6rem 2.4rem; background: #0070b1; color: #ebebeb; display: none; } .c-kwaliteitsblok__info * { color: inherit; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } [class*="l-grid"] > .c-kwaliteitsblok__info { margin-left: 4rem; } .c-kwaliteitsblok__info > .l-grid { margin: 0; } @media screen and (max-width: 47.9em) { .c-kwaliteitsblok__info > .l-grid > [class*="l-col-"] { padding: 0; } } @media screen and (min-width: 64em) { .c-kwaliteitsblok__info > .l-grid > [class*="l-col-"] { padding-right: 4rem; } } .c-kwaliteitsblok__info > .l-grid > [class*="l-col-"] + [class*="l-col-"]:not([class*="-lg-"]) { margin-top: 2rem; } @media screen and (max-width: 63.9em) { .c-kwaliteitsblok__info > .l-grid > [class*="l-col-"] + [class*="l-col-"] { margin-top: 2rem; } } .c-kwaliteitsblok__info [class*="l-image__parent"] > img { position: absolute !important; } .c-kwaliteitsblok__info__close { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: auto; margin: auto; background: inherit; } .c-kwaliteitsblok__info__close__item { background: inherit; width: 3rem; height: 3rem; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: auto; margin: auto; -webkit-transform: translateY(-1.5rem) rotate(45deg); -ms-transform: translateY(-1.5rem) rotate(45deg); transform: translateY(-1.5rem) rotate(45deg); cursor: pointer; } .c-kwaliteitsblok__info__close__item::after { content: ""; display: block; width: 1.7rem; height: 1.7rem; -webkit-transform: translate(2rem, 2rem) rotate(45deg); -ms-transform: translate(2rem, 2rem) rotate(45deg); transform: translate(2rem, 2rem) rotate(45deg); background-repeat: no-repeat; background-size: 100%; background-position: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDozcHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jcm9zcy14PC90aXRsZT48ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiI+PGcgaWQ9IkxhYWdfMS0yIiBkYXRhLW5hbWU9IkxhYWcgMSI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMS41IiB5MT0iMS41IiB4Mj0iMTYuNSIgeTI9IjE2LjUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNi41IiB5MT0iMS41IiB4Mj0iMS41IiB5Mj0iMTYuNSIvPjwvZz48L2c+PC9zdmc+); -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .c-kwaliteitsblok__info__close__item:hover::after, .c-kwaliteitsblok__info__close__item:focus::after { opacity: 0.7; -webkit-transform: translate(2rem, 2rem) rotate(45deg) scale(1.1); -ms-transform: translate(2rem, 2rem) rotate(45deg) scale(1.1); transform: translate(2rem, 2rem) rotate(45deg) scale(1.1); } .c-kwaliteitsblok__info.is-open { display: block; } .c-kwaliteitsblok__info.is-open * { opacity: 1; } .c-kwaliteitsblok__info.a-bounceBack { -webkit-animation-name: bounceBack; animation-name: bounceBack; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; } @-webkit-keyframes bounceBack { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } @keyframes bounceBack { 0% { opacity: 1; } 50% { opacity: 0.2; } 100% { opacity: 1; } } .c-kwaliteitsblok__extra-info { position: relative; top: 6.2rem; z-index: 15; } .c-kwaliteitsblok__extra-info.is-open { margin-top: 4rem; padding: 6rem 2.4rem; border-top: 2px solid #ebebeb; top: 2rem; } .c-kwaliteitsblok__extra-info__header .l-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-kwaliteitsblok__extra-info > [class*="__info__close"] [class*="item"] { background-color: #0070b1; width: 5rem; height: 5rem; -webkit-transform: translateY(-2.5rem) rotate(45deg); -ms-transform: translateY(-2.5rem) rotate(45deg); transform: translateY(-2.5rem) rotate(45deg); } .is-open.c-kwaliteitsblok__extra-info > [class*="__info__close"] [class*="item"] { background-color: #2e3e49; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMiwxMC42YzAuNywwLDEuNCwwLjMsMiwwLjhsMTcuMiwxNy4yYzEuMSwxLjEsMS4xLDIuOSwwLDRjLTEuMSwxLjEtMi45LDEuMS00LDBMMjIsMTcuM0w2LjgsMzIuNWMtMS4xLDEuMS0yLjksMS4xLTQsMGMtMS4xLTEuMS0xLjEtMi45LDAtNEwyMCwxMS40QzIwLjYsMTAuOCwyMS4zLDEwLjYsMjIsMTAuNnoiLz48L2c+PC9nPjwvc3ZnPg==); } .is-open.c-kwaliteitsblok__extra-info > [class*="__info__close"] [class*="item"]:before { content: 'Lees minder'; } .c-kwaliteitsblok__extra-info > [class*="__info__close"] [class*="item"]::after { -webkit-transform: translate(1.7rem, 1.7rem); -ms-transform: translate(1.7rem, 1.7rem); transform: translate(1.7rem, 1.7rem); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .is-open.c-kwaliteitsblok__extra-info > [class*="__info__close"] [class*="item"]::after { -webkit-transform: translate(2.2rem, 2.2rem) rotate(45deg); -ms-transform: translate(2.2rem, 2.2rem) rotate(45deg); transform: translate(2.2rem, 2.2rem) rotate(45deg); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiNiZmJmYmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDozcHg7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5jcm9zcy14PC90aXRsZT48ZyBpZD0iTGFhZ18yIiBkYXRhLW5hbWU9IkxhYWcgMiI+PGcgaWQ9IkxhYWdfMS0yIiBkYXRhLW5hbWU9IkxhYWcgMSI+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMS41IiB5MT0iMS41IiB4Mj0iMTYuNSIgeTI9IjE2LjUiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIxNi41IiB5MT0iMS41IiB4Mj0iMS41IiB5Mj0iMTYuNSIvPjwvZz48L2c+PC9zdmc+); } .c-kwaliteitsblok__extra-info > *:not([class*="__info__close"]) { display: none; } [class*="is-open"].c-kwaliteitsblok__extra-info > *:not([class*="__info__close"]) { display: block; } .c-kwaliteitsblok__extra-info > * + *:not([class*="__info__close"]) { margin-top: 4rem; } .c-kwaliteitsblok__scorebalk__holder { width: 100%; } .c-kwaliteitsblok__scorebalk__item { width: 100%; border: 1px solid #ebebeb; } .c-kwaliteitsblok__scorebalk__item + .c-kwaliteitsblok__scorebalk__item { margin-top: 1.5rem; } .c-kwaliteitsblok__scorebalk__content { background: #0070b1; color: #ffffff; font-size: 1.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-kwaliteitsblok__scorebalk__tekst { margin: 0; padding: 1.5rem 2rem; background: inherit; } .c-kwaliteitsblok__scorebalk__score { background: #04aade; color: inherit; padding: 1.5rem 2rem; } .c-kwaliteitsblok__scorebalk__content--score-0 { width: calc(100% / 100 * 0); } .c-kwaliteitsblok__scorebalk__content--score-1 { width: calc(100% / 100 * 1); } .c-kwaliteitsblok__scorebalk__content--score-2 { width: calc(100% / 100 * 2); } .c-kwaliteitsblok__scorebalk__content--score-3 { width: calc(100% / 100 * 3); } .c-kwaliteitsblok__scorebalk__content--score-4 { width: calc(100% / 100 * 4); } .c-kwaliteitsblok__scorebalk__content--score-5 { width: calc(100% / 100 * 5); } .c-kwaliteitsblok__scorebalk__content--score-6 { width: calc(100% / 100 * 6); } .c-kwaliteitsblok__scorebalk__content--score-7 { width: calc(100% / 100 * 7); } .c-kwaliteitsblok__scorebalk__content--score-8 { width: calc(100% / 100 * 8); } .c-kwaliteitsblok__scorebalk__content--score-9 { width: calc(100% / 100 * 9); } .c-kwaliteitsblok__scorebalk__content--score-10 { width: calc(100% / 100 * 10); } .c-kwaliteitsblok__scorebalk__content--score-11 { width: calc(100% / 100 * 11); } .c-kwaliteitsblok__scorebalk__content--score-12 { width: calc(100% / 100 * 12); } .c-kwaliteitsblok__scorebalk__content--score-13 { width: calc(100% / 100 * 13); } .c-kwaliteitsblok__scorebalk__content--score-14 { width: calc(100% / 100 * 14); } .c-kwaliteitsblok__scorebalk__content--score-15 { width: calc(100% / 100 * 15); } .c-kwaliteitsblok__scorebalk__content--score-16 { width: calc(100% / 100 * 16); } .c-kwaliteitsblok__scorebalk__content--score-17 { width: calc(100% / 100 * 17); } .c-kwaliteitsblok__scorebalk__content--score-18 { width: calc(100% / 100 * 18); } .c-kwaliteitsblok__scorebalk__content--score-19 { width: calc(100% / 100 * 19); } .c-kwaliteitsblok__scorebalk__content--score-20 { width: calc(100% / 100 * 20); } .c-kwaliteitsblok__scorebalk__content--score-21 { width: calc(100% / 100 * 21); } .c-kwaliteitsblok__scorebalk__content--score-22 { width: calc(100% / 100 * 22); } .c-kwaliteitsblok__scorebalk__content--score-23 { width: calc(100% / 100 * 23); } .c-kwaliteitsblok__scorebalk__content--score-24 { width: calc(100% / 100 * 24); } .c-kwaliteitsblok__scorebalk__content--score-25 { width: calc(100% / 100 * 25); } .c-kwaliteitsblok__scorebalk__content--score-26 { width: calc(100% / 100 * 26); } .c-kwaliteitsblok__scorebalk__content--score-27 { width: calc(100% / 100 * 27); } .c-kwaliteitsblok__scorebalk__content--score-28 { width: calc(100% / 100 * 28); } .c-kwaliteitsblok__scorebalk__content--score-29 { width: calc(100% / 100 * 29); } .c-kwaliteitsblok__scorebalk__content--score-30 { width: calc(100% / 100 * 30); } .c-kwaliteitsblok__scorebalk__content--score-31 { width: calc(100% / 100 * 31); } .c-kwaliteitsblok__scorebalk__content--score-32 { width: calc(100% / 100 * 32); } .c-kwaliteitsblok__scorebalk__content--score-33 { width: calc(100% / 100 * 33); } .c-kwaliteitsblok__scorebalk__content--score-34 { width: calc(100% / 100 * 34); } .c-kwaliteitsblok__scorebalk__content--score-35 { width: calc(100% / 100 * 35); } .c-kwaliteitsblok__scorebalk__content--score-36 { width: calc(100% / 100 * 36); } .c-kwaliteitsblok__scorebalk__content--score-37 { width: calc(100% / 100 * 37); } .c-kwaliteitsblok__scorebalk__content--score-38 { width: calc(100% / 100 * 38); } .c-kwaliteitsblok__scorebalk__content--score-39 { width: calc(100% / 100 * 39); } .c-kwaliteitsblok__scorebalk__content--score-40 { width: calc(100% / 100 * 40); } .c-kwaliteitsblok__scorebalk__content--score-41 { width: calc(100% / 100 * 41); } .c-kwaliteitsblok__scorebalk__content--score-42 { width: calc(100% / 100 * 42); } .c-kwaliteitsblok__scorebalk__content--score-43 { width: calc(100% / 100 * 43); } .c-kwaliteitsblok__scorebalk__content--score-44 { width: calc(100% / 100 * 44); } .c-kwaliteitsblok__scorebalk__content--score-45 { width: calc(100% / 100 * 45); } .c-kwaliteitsblok__scorebalk__content--score-46 { width: calc(100% / 100 * 46); } .c-kwaliteitsblok__scorebalk__content--score-47 { width: calc(100% / 100 * 47); } .c-kwaliteitsblok__scorebalk__content--score-48 { width: calc(100% / 100 * 48); } .c-kwaliteitsblok__scorebalk__content--score-49 { width: calc(100% / 100 * 49); } .c-kwaliteitsblok__scorebalk__content--score-50 { width: calc(100% / 100 * 50); } .c-kwaliteitsblok__scorebalk__content--score-51 { width: calc(100% / 100 * 51); } .c-kwaliteitsblok__scorebalk__content--score-52 { width: calc(100% / 100 * 52); } .c-kwaliteitsblok__scorebalk__content--score-53 { width: calc(100% / 100 * 53); } .c-kwaliteitsblok__scorebalk__content--score-54 { width: calc(100% / 100 * 54); } .c-kwaliteitsblok__scorebalk__content--score-55 { width: calc(100% / 100 * 55); } .c-kwaliteitsblok__scorebalk__content--score-56 { width: calc(100% / 100 * 56); } .c-kwaliteitsblok__scorebalk__content--score-57 { width: calc(100% / 100 * 57); } .c-kwaliteitsblok__scorebalk__content--score-58 { width: calc(100% / 100 * 58); } .c-kwaliteitsblok__scorebalk__content--score-59 { width: calc(100% / 100 * 59); } .c-kwaliteitsblok__scorebalk__content--score-60 { width: calc(100% / 100 * 60); } .c-kwaliteitsblok__scorebalk__content--score-61 { width: calc(100% / 100 * 61); } .c-kwaliteitsblok__scorebalk__content--score-62 { width: calc(100% / 100 * 62); } .c-kwaliteitsblok__scorebalk__content--score-63 { width: calc(100% / 100 * 63); } .c-kwaliteitsblok__scorebalk__content--score-64 { width: calc(100% / 100 * 64); } .c-kwaliteitsblok__scorebalk__content--score-65 { width: calc(100% / 100 * 65); } .c-kwaliteitsblok__scorebalk__content--score-66 { width: calc(100% / 100 * 66); } .c-kwaliteitsblok__scorebalk__content--score-67 { width: calc(100% / 100 * 67); } .c-kwaliteitsblok__scorebalk__content--score-68 { width: calc(100% / 100 * 68); } .c-kwaliteitsblok__scorebalk__content--score-69 { width: calc(100% / 100 * 69); } .c-kwaliteitsblok__scorebalk__content--score-70 { width: calc(100% / 100 * 70); } .c-kwaliteitsblok__scorebalk__content--score-71 { width: calc(100% / 100 * 71); } .c-kwaliteitsblok__scorebalk__content--score-72 { width: calc(100% / 100 * 72); } .c-kwaliteitsblok__scorebalk__content--score-73 { width: calc(100% / 100 * 73); } .c-kwaliteitsblok__scorebalk__content--score-74 { width: calc(100% / 100 * 74); } .c-kwaliteitsblok__scorebalk__content--score-75 { width: calc(100% / 100 * 75); } .c-kwaliteitsblok__scorebalk__content--score-76 { width: calc(100% / 100 * 76); } .c-kwaliteitsblok__scorebalk__content--score-77 { width: calc(100% / 100 * 77); } .c-kwaliteitsblok__scorebalk__content--score-78 { width: calc(100% / 100 * 78); } .c-kwaliteitsblok__scorebalk__content--score-79 { width: calc(100% / 100 * 79); } .c-kwaliteitsblok__scorebalk__content--score-80 { width: calc(100% / 100 * 80); } .c-kwaliteitsblok__scorebalk__content--score-81 { width: calc(100% / 100 * 81); } .c-kwaliteitsblok__scorebalk__content--score-82 { width: calc(100% / 100 * 82); } .c-kwaliteitsblok__scorebalk__content--score-83 { width: calc(100% / 100 * 83); } .c-kwaliteitsblok__scorebalk__content--score-84 { width: calc(100% / 100 * 84); } .c-kwaliteitsblok__scorebalk__content--score-85 { width: calc(100% / 100 * 85); } .c-kwaliteitsblok__scorebalk__content--score-86 { width: calc(100% / 100 * 86); } .c-kwaliteitsblok__scorebalk__content--score-87 { width: calc(100% / 100 * 87); } .c-kwaliteitsblok__scorebalk__content--score-88 { width: calc(100% / 100 * 88); } .c-kwaliteitsblok__scorebalk__content--score-89 { width: calc(100% / 100 * 89); } .c-kwaliteitsblok__scorebalk__content--score-90 { width: calc(100% / 100 * 90); } .c-kwaliteitsblok__scorebalk__content--score-91 { width: calc(100% / 100 * 91); } .c-kwaliteitsblok__scorebalk__content--score-92 { width: calc(100% / 100 * 92); } .c-kwaliteitsblok__scorebalk__content--score-93 { width: calc(100% / 100 * 93); } .c-kwaliteitsblok__scorebalk__content--score-94 { width: calc(100% / 100 * 94); } .c-kwaliteitsblok__scorebalk__content--score-95 { width: calc(100% / 100 * 95); } .c-kwaliteitsblok__scorebalk__content--score-96 { width: calc(100% / 100 * 96); } .c-kwaliteitsblok__scorebalk__content--score-97 { width: calc(100% / 100 * 97); } .c-kwaliteitsblok__scorebalk__content--score-98 { width: calc(100% / 100 * 98); } .c-kwaliteitsblok__scorebalk__content--score-99 { width: calc(100% / 100 * 99); } .c-kwaliteitsblok__scorebalk__content--score-100 { width: calc(100% / 100 * 100); } .c-kwaliteitsblok__css-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @supports (display: grid) { .c-kwaliteitsblok__css-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); grid-auto-rows: auto; grid-gap: 1rem; grid-auto-flow: row dense; margin-top: 1rem; } } @media screen and (min-width: 48em) { @supports (display: grid) { .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__css-grid { grid-template-columns: repeat(auto-fit, minmax(20%, 1fr)); margin-top: 0; } } @supports (display: grid) { .l-grid .l-col--md-2-3 .c-kwaliteitsblok__css-grid { grid-template-columns: repeat(auto-fit, minmax(28%, 1fr)); margin-top: 0; } } @supports (display: grid) { .l-grid .l-col--md-1-2 .c-kwaliteitsblok__css-grid { grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); margin-top: 0; } } } @media screen and (min-width: 64em) { @supports (display: grid) { .c-kwaliteitsblok__css-grid { grid-gap: 4rem; } } } .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item { width: calc((100% / 4 * 1) - ( 4rem - 1rem)); margin: 0; margin-bottom: 4rem; } .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item[class*="--width-2"], .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item[class*="--tabel"] { width: calc((100% / 4 * 2) - ( 4rem - 2rem)); } .l-grid [class*="l-col--md-1-2"] .c-kwaliteitsblok__item { width: calc((100% / 2 * 1) - ( 4rem - 2rem)); margin: 0; margin-bottom: 4rem; } .l-grid [class*="l-col--md-1-2"] .c-kwaliteitsblok__item[class*="--width-2"], .l-grid [class*="l-col--md-1-2"] .c-kwaliteitsblok__item[class*="--tabel"] { width: calc(100% / 2 * 2); } .l-grid [class*="l-col--md-2-3"] .c-kwaliteitsblok__item { width: calc((100% / 3 * 1) - 4rem); margin: 0; margin-bottom: 4rem; } .l-grid [class*="l-col--md-2-3"] .c-kwaliteitsblok__item[class*="--width-2"], .l-grid [class*="l-col--md-2-3"] .c-kwaliteitsblok__item[class*="--tabel"] { width: calc(100% / 3 * 2); } @supports (display: grid) { .c-kwaliteitsblok__item, .l-grid [class*="l-col-"] .c-kwaliteitsblok__item, .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item { grid-column: auto / span 1; grid-row: auto / span 1; height: auto; width: auto !important; margin-bottom: 0; } .c-kwaliteitsblok__item[class*="--width-2"], .l-grid [class*="l-col-"] .c-kwaliteitsblok__item[class*="--width-2"], .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item[class*="--width-2"] { width: auto; grid-column: auto / span 2; } .c-kwaliteitsblok__item[class*="--height-2"], .l-grid [class*="l-col-"] .c-kwaliteitsblok__item[class*="--height-2"], .l-grid :not([class*="l-col--md"]) .c-kwaliteitsblok__item[class*="--height-2"] { grid-row: auto / span 2; } } .js-opvulelement { width: 100%; display: none; } @media screen and (min-width: 48em) { .js-opvulelement { display: block; } } .js-toggleExtraInformatie .c-kwaliteitsblok__info__close__item { -webkit-transform: none!important; -ms-transform: none!important; transform: none!important; display: inline-block; border-radius: 25%; position: absolute; top: -2rem; left: 0; right: 0; margin: auto; color: #fff; padding: 1rem; width: 13.75rem !important; text-decoration: none; padding: 0 2rem; height: 4rem!important; line-height: 38px; border: 0; background-color: #0070b1; border-radius: 2rem; background-size: 12px 12px; background-repeat: no-repeat; background-position: 87.5% center; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NCA0NCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQgNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMiwzMy40Yy0wLjcsMC0xLjQtMC4zLTItMC44TDIuOCwxNS40Yy0xLjEtMS4xLTEuMS0yLjksMC00czIuOS0xLjEsNCwwTDIyLDI2LjdsMTUuMi0xNS4yYzEuMS0xLjEsMi45LTEuMSw0LDBzMS4xLDIuOSwwLDRMMjQsMzIuNkMyMy40LDMzLjIsMjIuNywzMy40LDIyLDMzLjR6Ii8+PC9nPjwvZz48L3N2Zz4=); } .js-toggleExtraInformatie .c-kwaliteitsblok__info__close__item:hover, .js-toggleExtraInformatie .c-kwaliteitsblok__info__close__item:focus { background-color: #2e3e49; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .js-toggleExtraInformatie .c-kwaliteitsblok__info__close__item:before { content: 'Lees meer'; display: block; } .js-toggleExtraInformatie .c-kwaliteitsblok__info__close__item:after { display: none; } .c-aside-link__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 100%; min-height: 10rem; background-color: #80c9e9; padding: 1rem 3rem; text-decoration: none; overflow: hidden; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-aside-link__item > * { margin: 0; } .c-aside-link__item > *:not( [class*="__picture-holder"] ) { z-index: 1; position: relative; } .c-aside-link__item:not(:nth-child(1)) { margin-top: 1.5rem; } .c-aside-link__item:nth-of-type(1) { margin-top: 4rem; } .c-aside-link__item:hover, .c-aside-link__item:focus { background-color: #abdbf1; } .c-aside-link__item:hover [class$="__link"], .c-aside-link__item:focus [class$="__link"] { -webkit-transform: translateX(0.5rem); -ms-transform: translateX(0.5rem); transform: translateX(0.5rem); } .c-aside-link__item:hover [class$="__link"] > span, .c-aside-link__item:focus [class$="__link"] > span { -webkit-transform: rotate(180deg) translateX(0.5rem); -ms-transform: rotate(180deg) translateX(0.5rem); transform: rotate(180deg) translateX(0.5rem); } .c-aside-link__item h3, .c-aside-link__item .h3 { font-family: "urbanamedium", sans-serif; font-size: 2.4rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-weight: 400; text-decoration: none; color: #1a1a1a; } .c-aside-link__item__link { font-size: 1.6rem; line-height: 1.6rem; margin-bottom: 0.2rem; text-decoration: none; color: #1a1a1a; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-aside-link__item__picture-holder { position: absolute; top: 1rem; right: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 10rem; height: 100%; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); z-index: 0; } .c-aside-link__item__picture-holder > picture, .c-aside-link__item__picture-holder > picture > img { background-color: transparent; background-image: none; } .c-aside-link__item__arrow, .c-aside-link__item__arrow.icon { width: 1rem; height: 1rem; margin-right: 0.5rem; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .dialog__modalwrapper { position: fixed; display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); z-index: 1000; } .dialog__modalwrapper.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .dialog__modal { display: inline-block; background-color: #fff; width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; max-height: calc(100dvh - 3rem); padding-top: 3.5rem; } @media screen and (min-width: 48em) { .dialog__modal { width: 60rem; position: relative; margin: 0 1rem; padding-top: 0; } } .dialog__close { position: absolute; top: 0; right: 0; padding: 2rem 1rem 2rem 2rem; } .dialog__close span:before { content: "X"; position: absolute; left: 0.5rem; } @media screen and (min-width: 48em) { .dialog__close { padding: 2rem 2.5rem; } } .dialog__close-all { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; width: 100vw; height: 100vh; cursor: pointer; } .dialog__tablist { display: -webkit-box; display: -ms-flexbox; display: flex; } .dialog__tab { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; text-align: center; padding: 1.5rem; background: #ebebeb; text-decoration: none; font-weight: 600; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; text-transform: uppercase; } .dialog__tab.is-active { background-color: #fff; color: #1a1a1a; } .dialog__tab.is-active:hover, .dialog__tab.is-active:focus { background-color: #fff; } .dialog__tab:hover, .dialog__tab:focus { background-color: #f3f3f3; } .dialog__tabcontent, .dialog__content { padding: 1rem 1rem 0; } @media screen and (min-width: 48em) { .dialog__tabcontent, .dialog__content { padding: 3rem 3rem 0; } } .dialog__logo { -webkit-margin-after: 1.6rem; margin-block-end: 1.6rem; } .dialog__title { font-family: "urbanamedium", sans-serif; font-size: 3rem; display: block; font-weight: 400; margin: 0.5rem 0 0.5rem; } .dialog__subtitle { font-family: "urbanamedium", sans-serif; font-size: 2rem; display: block; font-weight: 400; margin: 0.5rem 0 0.5rem; } .dialog__list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ebebeb; border-bottom: 0; } .dialog__list:last-of-type { margin: 0; } .dialog__list + .dialog__list { border: 1px solid #ebebeb; border-top: 0; margin-top: -1px; padding: 0.5rem 1.75rem 1.75rem 3.25rem; background: #edfaff; } .dialog__list + .dialog__list .dialog__label { border-bottom: 1px solid #ebebeb; } .dialog__listitem { display: block; position: relative; } .dialog__listitem input[type="checkbox"] { display: inline-block; width: auto; margin-right: 1rem; position: absolute; top: 0; left: 1.5rem; bottom: 0; margin: auto; z-index: 1; } .dialog__listitem input[type="checkbox"]:disabled + label { background: #edfaff; } .dialog__listitem--sub:before { content: ""; display: inline-block; position: absolute; left: 2rem; top: 0; bottom: 0; width: 1px; background: #c7c7c7; z-index: 1; } .dialog__listitem--sub:first-of-type:before { top: 50%; } .dialog__listitem--sub:last-of-type:before { bottom: 50%; } .dialog__listitem--sub .dialog__label { padding-left: 3.5rem; position: relative; font-size: 1.5rem; } .dialog__listitem--sub input[type="checkbox"] { left: 1.5rem; } .dialog__listitem--alt:after { content: ""; position: absolute; left: -1.25rem; top: -60%; bottom: 50%; margin: auto; width: 1px; background: #c7c7c7; z-index: 0; } @media screen and (max-width: 47.9em) { .dialog__listitem--alt:after { top: -50%; } } .dialog__listitem--alt .dialog__label { background-color: #ebebeb; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; } .dialog__listitem--alt .dialog__label:before { content: ""; position: absolute; left: -1.25rem; top: 0; bottom: 0; margin: auto; width: 2.75rem; height: 1px; background: #c7c7c7; } .dialog__listitem--alt input[type="checkbox"]:checked + label, .dialog__listitem--alt input[type="checkbox"]:disabled + label { background: #ebebeb; } .dialog__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 1.25rem 1rem 3.5rem; margin: 0 !important; background: #fff; border: 1px solid #ebebeb; border-bottom: 0; border-top: 0; } .dialog__buttonwrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2rem; background: #ebebeb; padding: 2rem 1rem 2rem; margin-top: 1.5rem; margin-left: -1rem; margin-right: -1rem; } .dialog__buttonwrapper__switches { display: grid; } .dialog__buttonwrapper .btn { outline: 0; } @media screen and (max-width: 47.9em) { .dialog__buttonwrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .dialog__buttonwrapper .btn + .btn { margin-top: 1rem; } } @media screen and (min-width: 48em) { .dialog__buttonwrapper { margin-top: 3rem; margin-left: -3rem; margin-right: -3rem; padding: 2rem 3rem 2rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dialog__sharewrapper { display: block; background: #cccccc; margin-left: -1rem; margin-right: -1rem; padding: 1rem; font-size: 1.4rem; } @media screen and (min-width: 48em) { .dialog__sharewrapper { margin-left: -3rem; margin-right: -3rem; padding: 1rem 3rem 0.75rem; } } .dialog__sharelist { list-style: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dialog__sharelist li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 0.75rem 0 0; } @media screen and (min-width: 48em) { .dialog__sharelist { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .dialog__share-item { display: inline-block; width: 2.5rem; height: 2.5rem; background: transparent; border: 0; padding: 0; margin-left: 0.5rem; cursor: pointer; position: relative; } .dialog__share-item .icon { width: 2.5rem; height: 2.5rem; } .dialog__share-tooltip { display: inline-block; position: absolute; background: #6d6c6c; top: -3rem; left: -3.25rem; right: 0; margin: auto; color: #fff; width: 9rem; font-size: 11px; padding: 0.5rem; line-height: 1; display: none; } .dialog__share-tooltip:after { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 0; right: 0; bottom: -0.4rem; margin: auto; background: #6d6c6c; } .c-urgentiemelding__container { display: block; width: 100%; } .c-urgentiemelding__container--home { padding: 2rem; border-radius: 3px; } .c-urgentiemelding__container--content { padding: 2rem; border-radius: 3px; margin: 3rem 0 2rem; } .c-urgentiemelding__container--top { padding: 2rem; margin: 0; margin-bottom: -7rem; position: relative; top: -9rem; left: -2rem; width: calc(100% + 4rem); z-index: 1000; } .c-urgentiemelding__container--news { margin: -7rem 0 3rem; } .c-urgentiemelding__container.s-urgent { background: rgba(218, 185, 202, 0.4); } .c-urgentiemelding__container.s-urgent .btn { background-color: #9e0b6c; } .c-urgentiemelding__container.s-urgent .btn:hover { background-color: #2e3e49; } .c-urgentiemelding__container.s-important { background: #e0f6ff; } .c-urgentiemelding__container.s-important .btn { background-color: #0070b1; } .c-urgentiemelding__container.s-important .btn:hover { background-color: #2e3e49; } .c-urgentiemelding__container.s-negative { margin-top: -2rem; } @media screen and (min-width: 48em) { .c-urgentiemelding__container--top { top: 0; left: 0rem; width: 100%; margin-bottom: 3rem; } .c-urgentiemelding__container--news { margin: 0 0 4rem; } } @media screen and (min-width: 64em) { .c-urgentiemelding__container--home { padding: 3rem 4rem; } .c-urgentiemelding__container--top { padding: 2rem 6rem 2rem 6.8rem; top: -5.8rem; left: -7rem; margin-bottom: 0; width: calc(100% + 13rem); } } @media screen and (min-width: 100em) { .c-urgentiemelding__container--top { padding: 2rem 9rem 2rem 6.8rem; width: calc(100% + 16rem); } } .c-urgentiemelding__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .c-urgentiemelding__content__text { margin: 0 4rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-urgentiemelding__content__text p { color: #6d6c6c; padding: 0; margin-top: 1rem; margin-bottom: 0; } .c-urgentiemelding__content__text--small { margin-left: 2rem; margin-right: 2rem; } .c-urgentiemelding__content__text--titleonly { margin-top: 0; margin-bottom: 0; margin-left: 2rem; margin-right: 2rem; } .c-urgentiemelding__content__title { display: block; margin: 0; padding: 0; line-height: 1.2; } .c-urgentiemelding__content__title--nomargin { margin: 0; } .c-urgentiemelding__content__image { width: 6rem; height: 6rem; min-height: 6rem; min-width: 6rem; border-radius: 50%; overflow: hidden; } .c-urgentiemelding__content__image--small { width: 4rem; height: 4rem; min-height: 4rem; min-width: 4rem; } .c-urgentiemelding__content__image--negative { height: auto; -webkit-box-flex: 0; -ms-flex: 0 1 140px; flex: 0 1 140px; position: relative; border-radius: 0; -ms-flex-item-align: stretch !important; align-self: stretch !important; overflow: visible; } .c-urgentiemelding__content__image--negative picture { position: absolute; width: 100%; padding-top: 125%; left: 0; bottom: 0; overflow: hidden; } .c-urgentiemelding__content__image--negative img { -o-object-fit: cover; object-fit: cover; height: 100%; } @media screen and (max-width: 47.9em) { .c-urgentiemelding__content__image--negative { -ms-flex-item-align: start !important; align-self: flex-start !important; } .c-urgentiemelding__content__image--negative picture { position: relative; } } .c-urgentiemelding__content__image picture, .c-urgentiemelding__content__image img { background: none !important; } .c-urgentiemelding__content__label { color: #0070b1; } @media screen and (max-width: 63.9em) { .c-urgentiemelding__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; } .c-urgentiemelding__content__image { -ms-flex-item-align: start; align-self: flex-start; } .c-urgentiemelding__content__text { margin-left: 2rem; margin-right: 2rem; } } @media screen and (max-width: 47.9em) { .c-urgentiemelding__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .c-urgentiemelding__content__text { margin-left: 2rem; margin-right: 0; } .c-urgentiemelding__content__button { width: 100%; margin-top: 1rem; } } .c-timeline__wrapper { position: relative; margin-top: 4rem; } .c-timeline__wrapper:before { content: ''; position: absolute; z-index: -1; top: 10rem; left: -100%; width: 300%; height: 10px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+DQoJPHJlY3Qgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiBzdHlsZT0iZmlsbDojMDA2RkI4IiAvPg0KPC9zdmc+); } @media screen and (max-width: 47.9em) { .c-timeline__wrapper { margin-top: 2rem; } } .c-timeline__list { padding: 0 !important; margin: 0 -2rem !important; } @media screen and (min-width: 64em) { .c-timeline__list { margin: 0 !important; } .c-timeline__list .slick-list { overflow: visible; } } .c-timeline__list .slick-slide { margin: 0 2rem; height: inherit !important; } .c-timeline__list .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .c-timeline__description { margin-top: 0rem !important; max-width: 100rem; } .c-timeline__item { background: #e0f6ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; position: relative; } @media screen and (min-width: 64em) { .c-timeline__item { width: 50rem; } } .c-timeline__item-header { position: relative; } .c-timeline__item-picture { margin: 0!important; overflow: hidden; } .c-timeline__item-picture img { position: absolute !important; } .c-timeline__item-date { padding: 4rem; background: #0070b1; color: #FFF; position: absolute; z-index: 1; left: 0; bottom: 0; width: 10rem; height: 10rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } @media screen and (min-width: 64em) { .c-timeline__item-date span { display: block; font-size: 4rem; font-weight: bold; line-height: 1; } } @media screen and (max-width: 63.9em) { .c-timeline__item-date span { margin-right: 0.2rem; font-size: 1.3rem; } } @media screen and (max-width: 63.9em) { .c-timeline__item-date { padding: 0.4rem 1rem; width: auto; height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-timeline__item-description { padding: 2rem 3rem; font-size: 2rem; color: #0070b1; } .c-timeline__item-description > * { padding: 0; margin: 0; } @media screen and (max-width: 63.9em) { .c-timeline__item-description { font-size: 1.6rem; } } @media screen and (max-width: 47.9em) { .c-timeline__item-description { font-size: 1.4rem; } } .c-timeline__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 2rem; margin-top: 2rem; } .c-timeline__button { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; outline: 0; background: #04aade; width: 6rem; height: 6rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-timeline__button.slick-disabled { background: #e0f6ff !important; pointer-events: none; } .c-timeline__button.slick-disabled:hover { background: #80c9e9; } .c-timeline__button:hover { background: #0070b1; } .c-timeline__button.next svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } @media screen and (max-width: 47.9em) { .c-timeline__button { width: 5rem; height: 5rem; } } .c-timeline__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .c-timeline__play { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 8rem; height: 8rem; background: #0070b1; z-index: 17; border-radius: 50%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media screen and (max-width: 63.9em) { .c-timeline__play { top: -1rem; } } .c-timeline__play:before { content: ''; margin-left: 4px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 16px solid #FFF; } .c-timeline__play:hover { background: #00507e; } .c-fotoboek__container { padding: 6rem 0 0 0; position: relative; padding-left: 2rem; padding-right: 2rem; margin: 0 -2rem; } .c-fotoboek__container:before { content: ''; position: absolute; z-index: -1; background: -webkit-linear-gradient(left, #e0f6ff 21px, transparent 1%) center, -webkit-linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background: -o-linear-gradient(left, #e0f6ff 21px, transparent 1%) center, -o-linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background: linear-gradient(90deg, #e0f6ff 21px, transparent 1%) center, linear-gradient(#e0f6ff 21px, transparent 1%) center, rgba(129, 207, 244, 0.4); background-size: 27px 27px; left: -100%; right: -100%; top: 0; height: 100%; width: 300%; } @media screen and (min-width: 64em) { .c-fotoboek__container { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } } .c-fotoboek__wrapper { margin-top: 4rem !important; } .c-fotoboek__clip { padding-bottom: 14rem; overflow: hidden; position: relative; } .c-fotoboek__title { text-align: center; margin-top: 2rem !important; } .c-fotoboek__gallery-wrapper { position: relative; padding-left: 20%; } .c-fotoboek__gallery > .slick-list { overflow: visible; } .c-fotoboek__item { position: relative; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-fotoboek__item.slick-active { overflow: visible; } .c-fotoboek__picture { margin: 0 !important; } .c-fotoboek__text { font-size: 1.8rem; background: #FFF; width: 50%; top: 0; left: -50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); padding: 4rem; position: absolute; z-index: 10; max-height: calc(100% - 15rem); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 63.9em) { .c-fotoboek__text { font-size: 1.6rem; } } .c-fotoboek__thumbs { margin: 2rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-fotoboek__thumbs .slick-slide { margin: 0 1rem; } .c-fotoboek__thumbs .slick-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .c-fotoboek__thumbs-item { cursor: pointer; border: 4px solid transparent; } .c-fotoboek__thumbs-item.slick-current { border-color: #04aade; } .c-fotoboek__button { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; outline: 0; background: #04aade; width: 9rem; -ms-flex-item-align: stretch; align-self: stretch; margin-top: 4px; margin-bottom: 4px; color: #FFF; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-fotoboek__button.slick-disabled { background: rgba(255, 255, 255, 0.75) !important; pointer-events: none; color: #c8e7fa; } .c-fotoboek__button.slick-disabled:hover { background: #80c9e9; } .c-fotoboek__button.next svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .c-fotoboek__button:hover { background: #0070b1; } @media screen and (max-width: 63.9em) { .c-fotoboek__container .header-blocks__building-blocks { right: 0; } .c-fotoboek__gallery-wrapper { padding-left: 0; } .c-fotoboek__text { left: 0; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; } } @media screen and (max-width: 47.9em) { .c-fotoboek__clip { padding-bottom: 6rem; } .c-fotoboek__text { position: relative; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .c-fotoboek__gallery > .slick-list { overflow: hidden; } } @media screen and (min-width: 79.5em) { .c-fotoboek__clip { padding-left: 5rem; padding-right: 5rem; margin-left: -5rem; margin-right: -5rem; } } @media screen and (min-width: 100em) { .c-fotoboek__clip { padding-left: 10rem; padding-right: 10rem; margin-left: -10rem; margin-right: -10rem; } } .c-snellinks__wrapper { list-style: none; padding: 0 !important; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 63.9em) { .c-snellinks__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .c-snellinks__wrapper, .c-snellinks__item { border-style: solid; border-color: #c8e7fa; } .c-snellinks__wrapper { border-width: 1px 0 0 1px; } .c-snellinks__item { border-width: 0 1px 1px 0; font-weight: bold; font-size: 1.8rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #0070b1; -ms-flex-item-align: stretch; align-self: stretch; } .c-snellinks__link { color: #0070b1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem; } .c-snellinks__link > svg { -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-snellinks__link > span { margin-left: 1.5rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-snellinks__link:hover > svg { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-left: 2rem; } .c-tekstenafbeelding__container { padding: 2rem 0; } /* ERVARINGEN PATIENTEN */ .c-ervaringen__imgholder { height: 100%; width: auto; margin: 0 -2rem; position: relative; } .c-ervaringen__imgholder .l-image__parent { min-height: 100%; text-align: center; } .c-ervaringen__imgholder .l-image__item { min-height: 100%; min-width: 100%; margin: auto; } .c-ervaringen__imgholder:after { content: ''; position: absolute; z-index: 10; top: auto; bottom: 0; height: 75%; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0)), to(rgba(26, 26, 26, 0.75))); background: -webkit-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); background: -o-linear-gradient(top, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); background: linear-gradient(to bottom, rgba(26, 26, 26, 0) 0%, rgba(26, 26, 26, 0.75) 100%); } @media screen and (min-width: 64em) { .c-ervaringen__imgholder { position: absolute; top: 0; width: 100%; left: 2rem; overflow: hidden; } .c-ervaringen__imgholder .l-image__parent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } } .c-ervaringen__quote-wrapper { position: relative; } .c-ervaringen__quote-holder { position: absolute; top: 0; width: calc(100% + 4rem); left: -2rem; z-index: 11; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .c-ervaringen__quote-number { position: relative; font-size: 10rem; font-family: "urbanamedium", sans-serif; min-width: 10rem; max-width: 10rem; height: 10rem; line-height: 10rem; text-align: center; } .c-ervaringen__quote-number span { position: relative; font-size: 3rem; top: -4rem; } .c-ervaringen__quote-number:after { content: ''; position: absolute; top: -2rem; left: -1.5rem; background: rgba(158, 11, 108, 0.5); width: 13rem; height: 13rem; border-radius: 75%; z-index: -1; -webkit-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .c-ervaringen__quote-text { font-family: "urbanamedium", sans-serif; font-size: 1.8rem; line-height: 1.2; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0 2rem 1rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-ervaringen__quote-number.animated:after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } @media screen and (min-width: 48em) { .c-ervaringen__quote-number { font-size: 20rem; min-width: 18rem; max-width: 18rem; height: 20rem; line-height: 20rem; } .c-ervaringen__quote-number span { font-size: 5rem; top: -8rem; } .c-ervaringen__quote-number:after { top: -3rem; left: -5rem; width: 25rem; height: 25rem; } .c-ervaringen__quote-text { font-size: 3.4rem; padding: 0 6rem 2rem 2rem; } } @media screen and (min-width: 64em) { .c-ervaringen__quote-text { font-size: 3.4rem; } .c-ervaringen__quote-holder { overflow: hidden; left: 0rem; } .c-ervaringen__quote-wrapper { min-height: 30rem; } } .c-ervaringen__txtholder { background: #9e0b6c; padding: 2rem 0rem; } .c-ervaringen__btndivider { display: none; } @media screen and (min-width: 48em) { .c-ervaringen__txtholder { padding: 5rem; } .c-ervaringen__btndivider { margin: 0 0.75rem; display: inline-block; } } .g-auto__container { color: #FFF; padding: 10rem 0; position: relative; margin-top: 4rem; margin-bottom: 2rem; } .g-auto__container:before { content: ''; left: -100%; right: -100%; width: 300%; top: 0; height: 100%; background: #0070b1; position: absolute; z-index: -1; } .g-auto__container a:not([class]) { color: #FFF; text-decoration: underline; } .g-auto__auto-video-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; } .g-auto__auto-video-wrapper .l-image__parent { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } .g-auto__auto-video-wrapper .l-image__parent .l-image__item { width: 100% !important; height: 100% !important; -o-object-fit: cover; object-fit: cover; position: relative !important; } .g-auto__auto-wrapper { position: absolute; bottom: -4rem; left: 0; } .g-auto__auto-wrapper picture, .g-auto__auto-wrapper img { background: transparent; } .g-auto__auto-name { position: absolute; text-align: right; left: -24rem; width: 17rem; bottom: 15rem; font-size: 1.3rem; } .g-auto__auto-auto { width: 54rem; position: absolute; bottom: -13.6rem; left: 0; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .g-auto__auto-person { width: 25rem; position: absolute; bottom: -8rem; left: -13rem; z-index: 3; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .g-auto__video { margin-left: auto; width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .g-auto__video iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media screen and (min-width: 64em) { .g-auto__flip + .l-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; margin-left: 0 !important; margin-right: -4rem !important; } .g-auto__flip + .l-grid [class*="l-col--"] { padding-left: 0 !important; padding-right: 4rem !important; } .g-auto__col + .g-auto__col, .g-auto__col:first-child:nth-last-child(2) { width: 50%; } } @media screen and (max-width: 63.9em) { .g-auto__container { margin-bottom: 9rem; } .g-auto__video { margin-top: 4rem; } .g-auto__auto-person { max-width: 100%; left: 2rem; right: auto; bottom: 0; width: 30%; } .g-auto__auto-wrapper { bottom: -15rem; width: 100%; max-width: 100%; } .g-auto__auto-auto { width: 70%; left: auto; right: 0; bottom: -2rem; } .g-auto__auto-name { color: #2e3e49; position: relative; top: 4rem; width: 100%; left: auto; bottom: auto; right: auto; text-align: left; } .g-auto__auto-video-wrapper .l-image__parent { margin: 2rem -2rem 0; width: calc(100% + 4rem); } } @media screen and (max-width: 47.9em) { .g-auto__container { padding-bottom: 3rem; padding-top: 1rem; } .g-auto__auto-wrapper { bottom: -8rem; } } .c-content--elst .l-container + .l-container { padding-top: 0; } /* PERSONEN */ .c-personen__container { background: #0070b1; } .c-personen__slider { padding: 0; } .c-personen__slide { padding: 0 1rem; } .c-personen__slide a { text-decoration: none; } @media screen and (min-width: 48em) { .c-personen__slider { padding: 0 5rem; } .c-personen__slide { padding: 0 2rem; position: relative; } } .c-personen__imgholder { display: block; border-radius: 50%; overflow: hidden; margin-bottom: 2rem; } .c-personen__imgholder img { border-radius: 50%; } .c-personen__txtholder { display: block; } .c-personen__txtholder * { text-align: center !important; color: white; } .c-personen__name { display: block; font-weight: 700; } .c-personen__function { display: block; } .c-personen__txtholder .rte { font-size: 1.2rem; } .c-personen__slider .carousel__prev, .c-personen__slider .carousel__next { top: 14rem; } /* SPECIALISMEN */ .c-specialismen__slider { padding: 0; } .c-specialismen__slide { padding: 0 1rem; } @media screen and (min-width: 48em) { .c-specialismen__slider { padding: 0 5rem; } .c-specialismen__slide { padding: 0 2rem; position: relative; } } .c-specialismen__holder { position: relative; display: block; width: 100%; overflow: hidden; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-specialismen__imgholder { margin-bottom: 2rem; overflow: hidden; border-radius: 8rem 0 0 0; } .c-specialismen__imgholder img { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-specialismen__txtholder { position: absolute; top: auto; bottom: 0; background: rgba(0, 112, 177, 0.95); width: 100%; padding: 1rem 2rem; text-align: center; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-specialismen__title { color: white; text-decoration: none; font-family: "urbanamedium", sans-serif; font-size: 2.2rem; line-height: 1.2; word-break: break-word; } .c-specialismen__link { color: #ffffff; text-decoration: underline; width: 100%; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .c-specialismen__holder:hover .c-specialismen__txtholder { background: #9e0b6c; padding: 2rem 3rem 3rem; } .c-specialismen__link:hover { opacity: 0.75; } @media screen and (min-width: 48em) { .c-specialismen__imgholder { margin-bottom: 0rem; } } .c-specialismen__holder--noimage { background: #0070b1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; min-height: 20rem; border-radius: 8rem 0 1rem 0; padding: 2rem 0; } .c-specialismen__holder--noimage .c-specialismen__txtholder { position: relative; padding: 2rem 5rem; } .c-specialismen__holder--noimage .c-specialismen__title { margin-bottom: 1rem; } .c-specialismen__holder--noimage:hover { background: #04aade; } .c-specialismen__holder--noimage:hover .c-specialismen__txtholder { background: #04aade; padding: 2rem 5rem; } /* FOLDERS SLIDER */ .c-folders__container { position: relative; background: #e0f6ff; z-index: 15; } .c-folders__slider { padding: 0; } .c-folders__slide { padding: 0 4rem; } @media screen and (min-width: 48em) { .c-folders__slider { padding: 0 3rem; } .c-folders__slide { padding: 0 3rem; position: relative; } } .c-folders__holder { display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; margin-bottom: 3rem; } .c-folders__holder:nth-last-of-type(1) { margin-bottom: 0rem; } .c-folders__iconholder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 3rem; } .c-folders__iconholder .icon { width: 3rem; height: 3.6rem; margin-top: 0.5rem; position: relative; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (min-width: 48em) { .c-folders__holder { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-folders__iconholder { max-width: 4rem; } .c-folders__iconholder .icon { width: 4rem; height: 4.6rem; margin-top: 0.5rem; } } .c-folders__txtholder { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; color: #1a1a1a; padding-left: 1rem; font-size: 1.2rem; font-weight: 700; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } @media screen and (min-width: 48em) { .c-folders__txtholder { font-size: 1.6rem; padding-left: 2rem; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } .c-folders__holder:hover .c-folders__txtholder { color: #0070b1; } .c-folders__holder:hover .c-folders__iconholder .icon { -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .c-folders__slider .carousel__prev, .c-folders__slider .carousel__next { top: 13rem; } @media screen and (min-width: 48em) { .c-folders__slider .carousel__prev, .c-folders__slider .carousel__next { top: 14rem; } } /* MEER WETEN */ .c-meerweten__container { background: -webkit-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: -o-linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); background: linear-gradient(45deg, rgba(158, 11, 108, 0.5) 0%, rgba(0, 112, 177, 0.95) 50%, #0070b1 100%); } .c-meerweten__container * { color: white; } .c-meerweten__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-meerweten__iconholder { overflow: hidden; margin: 0 auto 3rem; padding: 0 2rem; width: 16rem; height: 16rem; min-width: 16rem; min-height: 16rem; line-height: 16rem; text-align: center; position: relative; border: 0.5rem solid white; border-radius: 50%; } .c-meerweten__icon { width: 12rem; height: 12rem; position: absolute; left: -99999px; right: -99999px; top: -99999px; bottom: -99999px; margin: auto; } .c-meerweten__txtholder { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 1.6rem; } .c-meerweten__title { margin-bottom: 0.5rem; margin-top: 1rem; font-size: 2.4rem; } .c-meerweten__btnholder { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: right; margin-top: 2.2rem; } @media screen and (min-width: 48em) { .c-meerweten__txtholder { text-align: center; padding: 0 10rem; } .c-meerweten__btnholder { width: 100%; text-align: center; margin-top: 0rem; } } @media screen and (min-width: 64em) { .c-meerweten__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: inherit; flex-flow: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-meerweten__iconholder { margin-bottom: 0; } .c-meerweten__txtholder { padding: 0 10rem 0 5rem; text-align: left; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; font-size: 1.8rem; } .c-meerweten__title { font-size: 3.6rem; } .c-meerweten__btnholder { width: auto; margin-top: 0rem; text-align: left; } } /* USP's */ .c-uspsum__container { position: relative; background: #e0f6ff; z-index: 15; padding-bottom: 5rem; } .c-uspsum__col { margin-bottom: 8rem; } .c-uspsum__col:nth-last-of-type(1) { margin-bottom: 0rem; } .c-uspsum__col * { text-align: center; font-family: "urbanamedium", sans-serif; line-height: 1.2; word-break: break-word; } .c-uspsum__icon-wrap img { max-width: 15rem; height: auto; width: 100%; } .c-uspsum__text-big { font-size: 10rem; color: #04aade; margin-top: 1rem; } .c-uspsum__text-small { font-size: 3.6rem; color: #0070b1; } .c-uspsum__link { text-align: center; color: #0070b1; display: block; margin-top: 1rem; } /* Contactbanner in grid */ .c-contactbanner__container { background: #0070b1; } .c-contactbanner__container * { color: white; text-align: center; } .c-contactbanner__title { font-family: "urbanamedium", sans-serif; font-size: 3.6rem; line-height: 1.4; } .c-contactbanner__text { color: white; font-size: 1.8rem; } .c-contactbanner__text .btn { margin: 1rem; height: auto; } [data-icon]:before { font-family: "rijnstate-2018" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="rs-icon-"]:before, [class*=" rs-icon-"]:before { font-family: "rijnstate-2018" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rs-icon-icon-search:before { content: "\e000"; } .rs-icon-icoon-complicaties:before { content: "\e001"; } .rs-icon-icoon-geslaagde:before { content: "\e002"; } .rs-icon-icoon-infuus:before { content: "\e003"; } .rs-icon-icoon-invasief:before { content: "\e004"; } .rs-icon-icoon-leven:before { content: "\e005"; } .rs-icon-icoon-onderzoek:before { content: "\e006"; } .rs-icon-icoon-operaties:before { content: "\e007"; } .rs-icon-icoon-patienten:before { content: "\e008"; } .rs-icon-icoon-robot:before { content: "\e009"; } .rs-icon-icoon-tevredenheid:before { content: "\e00a"; } .rs-icon-icoon-toegangstijd:before { content: "\e00b"; } .rs-icon-icoon-wachttijd:before { content: "\e00c"; } .rs-icon-specialisme-stomage:before { content: "\e00d"; } .rs-icon-specialisme-sperm:before { content: "\e00e"; } .rs-icon-specialisme-palliative:before { content: "\e00f"; } .rs-icon-specialisme-pain:before { content: "\e010"; } .rs-icon-specialisme-operation:before { content: "\e011"; } .rs-icon-specialisme-intestine:before { content: "\e012"; } .rs-icon-specialisme-heart:before { content: "\e013"; } .rs-icon-specialisme-cancer:before { content: "\e014"; } .rs-icon-specialisme-brain:before { content: "\e015"; } .rs-icon-specialisme-baby:before { content: "\e016"; } object { pointer-events: none; }