/* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* reset.css */ /* 1 */ html, body, div, span, applet, object, iframe, /* 2 */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, /* 3 */ a, abbr, acronym, address, big, cite, code, /* 4 */ del, dfn, em, img, ins, kbd, q, s, samp, /* 5 */ small, strike, strong, sub, sup, tt, var, /* 6 */ b, u, i, center, /* 7 */ dl, dt, dd, ol, ul, li, /* 8 */ fieldset, form, label, legend, /* 9 */ table, caption, tbody, tfoot, thead, tr, th, td, /* 10 */ article, aside, canvas, details, embed, /* 11 */ figure, figcaption, footer, header, hgroup, /* 12 */ menu, nav, output, ruby, section, summary, /* 13 */ time, mark, audio, video { /* 14 */ margin: 0; /* 15 */ padding: 0; /* 16 */ border: 0; /* 17 */ font-size: 100%; /* 18 */ font: inherit; /* 19 */ vertical-align: baseline; /* 20 */ } /* 21 */ /* 22 */ html { /* 23 */ font-smoothing: antialiased; /* 24 */ text-rendering: optimizeLegibility; /* 25 */ -webkit-font-smoothing: antialiased; /*-- safari --*/ /* 26 */ -moz-osx-font-smoothing: grayscale; /*-- firefox --*/ /* 27 */ } /* 28 */ /* 29 */ /* Verticale schuifbalk forceren in andere browsers dan IE /* 30 *| Voorkomen dat de tekstgrootte in iOS wordt aangepast als de oriëntatie van het apparaat wordt gewijzigd, zonder de zoomfunctie uit te schakelen voor gebruikers: h5bp.com/g*/ /* 31 */ html { /* 32 */ font-size: 100%; /* 33 */ overflow-y: scroll; /* 34 */ -webkit-text-size-adjust: 100%; /* 35 */ -ms-text-size-adjust: 100%; /* 36 */ } /* 37 */ /* 38 */ /* HTML5 display-role reset for older browsers */ /* 39 */ article, aside, details, figcaption, figure, /* 40 */ footer, header, hgroup, menu, nav, section, main { /* 41 */ display: block; /* 42 */ } /* 43 */ /* 44 */ body { /* 45 */ line-height: 1; /* 46 */ } /* 47 */ /* 48 */ ol, ul { /* 49 */ list-style: none; /* 50 */ } /* reset.css */ /* 51 */ /* 52 */ blockquote, q { /* 53 */ quotes: none; /* 54 */ } /* 55 */ /* 56 */ blockquote:before, blockquote:after, /* 57 */ q:before, q:after { /* 58 */ content: ''; /* 59 */ content: none; /* 60 */ } /* 61 */ /* 62 */ table { /* 63 */ border-collapse: collapse; /* 64 */ border-spacing: 0; /* 65 */ } /* 66 */ /* 67 */ img, object, embed, video { /* 68 */ max-width: 100%; /* 69 */ } /* 70 */ /* 71 */ img { /* 72 */ border: 0; /* 73 */ -ms-interpolation-mode: bicubic; /* 74 */ vertical-align: middle; /* 75 */ } /* 76 */ /* 77 */ button, input, select, textarea { /* 78 */ font-size: 100%; /* 79 */ margin: 0; /* 80 */ vertical-align: baseline; /* 81 */ *vertical-align: middle; /* 82 */ } /* 83 */ /* 84 */ button { /* 85 */ background: transparent; /* 86 */ border-radius: 0; /* 87 */ border: 0; /* 88 */ padding: 0; /* 89 */ -webkit-appearance: none; /* 90 */ -webkit-border-radius: 0; /* 91 */ user-select: none; /* 92 */ } /* 93 */ /* 94 */ button:focus { /* 95 */ outline: 0 none; /* 96 */ } /* 97 */ /* 98 */ button::-moz-focus-inner { /* 99 */ padding: 0; /* 100 */ border: 0; /* reset.css */ /* 101 */ } /* 102 */ /* 103 */ /* active link stippellijn weg */ /* 104 */ a:focus { /* 105 */ outline: 0; /* 106 */ } /* 107 */ /* 108 */ a:active { /* 109 */ outline: 0; /* 110 */ } /* 111 */ /* 112 */ /* geen ronde hoekjes op IOS */ /* 113 */ input, textarea { /* 114 */ -webkit-appearance: none; /* 115 */ -webkit-border-radius: 0; /* 116 */ } /* 117 */ /* 118 */ /* geen blauw lijn active op IOS */ /* 119 */ :focus { /* 120 */ outline-color: transparent; /* 121 */ outline-style: none; /* 122 */ } /* 123 */ /* 124 */ /* geen tel link in blauw met lijn op IOS */ /* 125 */ a[href^="tel"] { /* 126 */ color: inherit; /* 127 */ text-decoration: none; /* 128 */ } /* 129 */ /* 130 */ /* toon scrollbar op IOS als overflow is auto */ /* 131 */ ::-webkit-scrollbar { /* 132 */ -webkit-appearance: none; /* 133 */ width: 7px; /* 134 */ } /* 135 */ /* 136 */ ::-webkit-scrollbar-thumb { /* 137 */ border-radius: 4px; /* 138 */ background-color: rgba(0, 0, 0, .5); /* 139 */ -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5); /* 140 */ } /* 141 */ /* 142 */ /* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */ /* 143 */ .clearfix:before, .clearfix:after { /* 144 */ content: ""; /* 145 */ display: table /* 146 */ } /* 147 */ /* 148 */ .clearfix:after { /* 149 */ clear: both /* 150 */ } /* reset.css */ /* 151 */ /* 152 */ .clearfix { /* 153 */ zoom: 1 /* 154 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* basics.css */ /* 1 */ em{font-style: italic} /* 2 */ strong{font-weight: bold} /* 3 */ /* 4 */ .block{display: block} /* 5 */ /* 6 */ .clear-left{clear: left} /* 7 */ .clear-right{clear: right} /* 8 */ .clear-both{clear: both} /* 9 */ /* 10 */ .float-left{float: left} /* 11 */ .float-right{float: right} /* 12 */ .float-none{float: none} /* 13 */ /* 14 */ .inline-block{display: inline-block} /* 15 */ .inline{display:inline} /* 16 */ /* 17 */ .margin-left-auto{margin-left: auto} /* 18 */ .margin-right-auto{margin-right: auto} /* 19 */ /* 20 */ .padding-right-20px{padding-right: 20px} /* 21 */ .padding-right-26px{padding-right: 26px} /* 22 */ .padding-left-20px{padding-left: 20px} /* 23 */ .padding-left-26px{padding-left: 26px} /* 24 */ /* 25 */ .txt-align-left{text-align: left} /* 26 */ .txt-align-right{text-align: right} /* 27 */ .txt-align-center{text-align: center} /* 28 */ /* 29 */ /* FLEX */ /* 30 */ .flex{display: flex} /* 31 */ .flex-wrap{flex-wrap: wrap} /* 32 */ .flex-direction-row{flex-direction: row} /* 33 */ .flex-direction-rwo-reverse{flex-direction:row-reverse} /* 34 */ .flex-direction-column{flex-direction: column} /* 35 */ .flex-direction-column-reverse{flex-direction: column-reverse} /* 36 */ .flex-1{flex: 1} /* 37 */ /* afstand tussen items horizontaal */ /* 38 */ .column-gap-10px{column-gap: 10px} /* 39 */ .column-gap-20px{column-gap: 20px} /* 40 */ .column-gap-4pr{column-gap: 4%} /* 41 */ /* afstand tussen items vertikaal */ /* 42 */ .grid-row-gap-10px{grid-row-gap: 10px} /* 43 */ .grid-row-gap-20px{grid-row-gap: 20px} /* 44 */ .grid-row-gap-30px{grid-row-gap: 30px} /* 45 */ .grid-row-gap-40px{grid-row-gap: 40px} /* 46 */ /* align vertikaal */ /* 47 */ .align-items-center{align-items:center} /* 48 */ .align-items-end{align-items:flex-end} /* 49 */ .align-items-start{align-items:flex-start} /* 50 */ /* align horizontal */ /* basics.css */ /* 51 */ .justify-content-center{justify-content: center} /* 52 */ .justify-content-end{justify-content:flex-end} /* 53 */ .justify-content-start{justify-content:flex-start} /* 54 */ .justify-content-space-between{justify-content: space-between} /* 55 */ /* 56 */ /*SITE*/ /* 57 */ .bg-geel-0{background-color: var(--geel-0)} /* 58 */ .bg-geel-1{background-color: var(--geel-1)} /* 59 */ .bg-geel-2{background-color: var(--geel-2)} /* 60 */ .bg-oranje-1{background-color: var(--oranje-1)} /* 61 */ .bg-beige-1{background-color: var(--beige-1)} /* 62 */ .bg-blauw-1{background-color: var(--blauw-1)} /* 63 */ .bg-blauw-2{background-color: var(--blauw-2)} /* 64 */ /* 65 */ .transition-delay-1{transition-delay: var(--duration-1)} /* 66 */ .transition-delay-2{transition-delay: var(--duration-2)} /* 67 */ .transition-delay-3{transition-delay: var(--duration-3)} /* 68 */ .transition-delay-4{transition-delay: var(--duration-4)} /* 69 */ .transition-delay-5{transition-delay: var(--duration-5)} /* 70 */ .transition-delay-6{transition-delay: var(--duration-6)} /* 71 */ .transition-delay-7{transition-delay: var(--duration-7)} /* 72 */ .transition-delay-8{transition-delay: var(--duration-8)} /* 73 */ /* 74 */ /* 75 */ /* 76 */ /* 77 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* _variabels.css */ /* 1 */ @charset "utf-8"; /* 2 */ :root { /* 3 */ /* kleuren */ /* 4 */ --primary: #222; /* 5 */ --primary-hover: #666; /* 6 */ --grijs-0: #e4e2de; /* 7 */ --grijs-1: #dbd9d4; /* 8 */ --grijs-2: #bdbab3; /* 9 */ --grijs-3: #98948d; /* 10 */ --grijs-4: #726f68; /* 11 */ --grijs-5: #666561; /* 12 */ --grijs-6: #4e4d4a; /* 13 */ --grijs-8: #2e2d2a; /* 14 */ --oker-0: #ede9c7; /* 15 */ --oker-1: #e3daab; /* 16 */ --oker-2: #cfc595; /* 17 */ --oker-3: #c1b171; /* 18 */ --oker-4: #b19e53; /* 19 */ --oker-5: #a99236; /* 20 */ /* 21 */ --groen: #90bd28; /* 22 */ --groen-hover: #a1c658; /* 23 */ /* 24 */ --oker-0: #e8e3c2; /* 25 */ --oker-1: #d2cdad; /* 26 */ --oker-5: #aaa480; /* 27 */ /* 28 */ --wit: #fff; /* 29 */ --blauw-1: #0b6bb4; /* 30 */ --blauw-2: #30a0f6; /* 31 */ /* 32 */ /* 33 */ /* animation */ /* 34 */ --duration-1: .1s; /* 35 */ --duration-2: .2s; /* 36 */ --duration-3: .3s; /* 37 */ --duration-4: .4s; /* 38 */ --duration-5: .5s; /* 39 */ --duration-6: .6s; /* 40 */ --duration-7: .7s; /* 41 */ --duration-8: .8s; /* 42 */ /* 43 */ /* Fonts */ /* 44 */ --font-regular: "MyriadPro-Regular"; /* 45 */ --font-italic: "MyriadPro-Regular-Italic"; /* 46 */ --font-semibold: "MyriadPro-Semibold"; /* 47 */ --font-semibold-italic: "MyriadPro-Semibold-Italic"; /* 48 */ --font-bold: "MyriadPro-Bold"; /* 49 */ --font-bold-italic: "MyriadPro-Bold-Italic"; /* 50 */ --font-icon: "mbo-kompas"; /* _variabels.css */ /* 51 */ /* 52 */ --default-font-color: var(--primary); /* 53 */ --default-font: var(--font-regular); /* 54 */ --default-font-size: 16px; /* 55 */ --default-line-height: 1.5; /* 56 */ /* 57 */ --font-size-x-small: 13px; /* 58 */ --font-size-small: 14px; /* 59 */ --font-size-block: 15px; /* 60 */ --font-size-regular: 16px; /* 61 */ --font-size-large: 19px; /* 62 */ --font-size-x-large: 24px; /* 63 */ /* 64 */ --line-height-x-small: 18px; /* 65 */ --line-height-small: 20px; /* 66 */ --line-height-regular: 26px; /* 67 */ --line-height-large: 28px; /* 68 */ --line-height-x-large: 28px; /* 69 */ /* 70 */ --font-size-h3-large: 36px; /* 71 */ --line-height-h3-large: 36px; /* 72 */ /* 73 */ --font-size-icon: 18px; /* 74 */ --font-size-icon-large: 28px; /* 75 */ --line-height-icon: 30px; /* 76 */ } /* 77 */ @media only screen and (min-width: 1280px) { /* 78 */ /* 79 */ :root { /* 80 */ /* 81 */ --default-font-size: 18px; /* 82 */ --default-line-height: 1.6; /* 83 */ /* 84 */ --font-size-x-small: 14px; /* 85 */ --font-size-small: 15px; /* 86 */ --font-size-regular: 18px; /* 87 */ --font-size-large: 21px; /* 88 */ --font-size-x-large: 26px; /* 89 */ /* 90 */ --line-height-x-small: 19px; /* 91 */ --line-height-small: 21px; /* 92 */ --line-height-regular: 28px; /* 93 */ --line-height-large: 30px; /* 94 */ --line-height-x-large: 30px; /* 95 */ /* 96 */ --font-size-h3-large: 38px; /* 97 */ --line-height-h3-large: 38px; /* 98 */ /* 99 */ } /* 100 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* kolommen.css */ /* 1 */ /* MAIN */ /* 2 */ .wrapper { /* 3 */ flex: 1 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ /* 4 */ } /* 5 */ /* 6 */ .kolom-content { /* 7 */ width: 90%; /* 8 */ max-width: 1450px; /* 9 */ display: block; /* 10 */ margin-left: auto; /* 11 */ margin-right: auto; /* 12 */ } /* 13 */ /* 14 */ .kolom-content.max-width-1000px { /* 15 */ max-width: 1000px; /* 16 */ } /* 17 */ /* 18 */ main.padding-top { /* 19 */ padding-top: 120px; /* 20 */ } /* 21 */ main.padding-bottom { /* 22 */ padding-bottom: 70px; /* 23 */ } /* 24 */ section.padding-top { /* 25 */ padding-top: 50px; /* 26 */ } /* 27 */ section.padding-bottom { /* 28 */ padding-bottom: 50px; /* 29 */ } /* 30 */ @media only screen and (min-width: 768px) { /* 31 */ .kolom-content { /* 32 */ width: 80%; /* 33 */ } /* 34 */ main.padding-top { /* 35 */ padding-top: 130px; /* 36 */ } /* 37 */ main.padding-top.webshop { /* 38 */ padding-top: 160px; /* 39 */ } /* 40 */ main.padding-bottom { /* 41 */ padding-bottom: 90px; /* 42 */ } /* 43 */ section.padding-top { /* 44 */ padding-top: 70px; /* 45 */ } /* 46 */ section.padding-bottom { /* 47 */ padding-bottom: 70px; /* 48 */ } /* 49 */ section.padding-bottom.andere-categorien { /* 50 */ padding-bottom: 80px; /* kolommen.css */ /* 51 */ } /* 52 */ /* 53 */ } /* 54 */ /* 55 */ /* MAIN CONTENT */ /* 56 */ .container-items.columns-2, /* 57 */ .container-items.columns-3, /* 58 */ .container-items.columns-4 { /* 59 */ grid-column-gap: 5%; /* 60 */ grid-row-gap: 30px; /* afstand tussen items vertikaal */ /* 61 */ } /* 62 */ /* 63 */ .container-items.columns-2 .grid__item, /* 64 */ .container-items.columns-3 .grid__item, /* 65 */ .container-items.columns-4 .grid__item { /* 66 */ position: relative; /* 67 */ width: 47.5%; /* 68 */ } /* 69 */ /* 70 */ .container-items.columns-7 { /* 71 */ grid-column-gap: 4.5%; /* 72 */ grid-row-gap: 30px; /* afstand tussen items vertikaal */ /* 73 */ } /* 74 */ /* 75 */ .container-items.columns-7 .grid__item { /* 76 */ position: relative; /* 77 */ width: 30.3333%; /* 78 */ } /* 79 */ @media only screen and (min-width: 768px) { /* 80 */ .container-items.columns-3 { /* 81 */ grid-column-gap: 4.5%; /* 82 */ } /* 83 */ /* 84 */ .container-items.columns-3 .grid__item { /* 85 */ width: 30.3333%; /* 86 */ } /* 87 */ /* 88 */ .container-items.columns-4 { /* 89 */ grid-column-gap: 4.5%; /* 90 */ } /* 91 */ /* 92 */ .container-items.columns-4 .grid__item { /* 93 */ width: 30.3333%; /* 94 */ } /* 95 */ /* 96 */ .container-items.columns-7 { /* 97 */ grid-column-gap: 4%; /* 98 */ } /* 99 */ /* 100 */ .container-items.columns-7 .grid__item { /* kolommen.css */ /* 101 */ width: 22%; /* 102 */ } /* 103 */ /* 104 */ } /* 105 */ /* 106 */ @media only screen and (min-width: 1024px) { /* 107 */ .container-items.columns-4 { /* 108 */ grid-column-gap: 4%; /* 109 */ } /* 110 */ /* 111 */ .container-items.columns-4 .grid__item { /* 112 */ width: 22%; /* 113 */ } /* 114 */ /* 115 */ .container-items.columns-7 { /* 116 */ grid-column-gap: 3%; /* 117 */ } /* 118 */ /* 119 */ .container-items.columns-7 .grid__item { /* 120 */ width: 17.6%; /* 121 */ } /* 122 */ /* 123 */ } /* 124 */ @media only screen and (min-width: 1440px) { /* 125 */ .container-items.columns-7 { /* 126 */ grid-column-gap: 1.5%; /* max 8 items naast elkaar */ /* 127 */ } /* 128 */ /* 129 */ .container-items.columns-7 .grid__item { /* 130 */ width: 11.18%; /* max 8 items naast elkaar */ /* 131 */ width: 15.411%; /* max 6 items naast elkaar */ /* 132 */ width: 13%; /* max 7 items naast elkaar */ /* 133 */ } /* 134 */ /* 135 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* styles.css */ /* 1 */ *::before, /* 2 */ *::after { /* 3 */ box-sizing: border-box; /* 4 */ } /* 5 */ /* 6 */ html, body { /* 7 */ height: 100%; /* 8 */ } /* 9 */ /* 10 */ body { /* 11 */ font-family: 'Nunito', sans-serif; /* 12 */ font-size: 15px; /* 13 */ line-height: 22px; /* 14 */ font-weight: 200; /* 15 */ font-weight: 300; /* 16 */ font-weight: 400; /* wordt gebruikt */ /* nieuws */ /* 17 */ font-weight: 500; /* wordt gebruikt */ /* menu, knoppen */ /* 18 */ font-weight: 600; /* 19 */ font-weight: 700; /* wordt gebruikt */ /* bold */ /* 20 */ font-weight: 300; /* wordt gebruikt */ /* body */ /* 21 */ font-variant: normal; /* 22 */ color: var(--primary); /* 23 */ display: flex; /* 24 */ flex-direction: column; /* 25 */ background-color: var(--oker-1); /* 26 */ } /* 27 */ /* 28 */ h1, h2 { /* 29 */ font-family: 'Lora', serif; /* 30 */ font-weight: 400; /* 31 */ } /* 32 */ /* 33 */ h1 { /* 34 */ font-size: 28px; /* 35 */ line-height: 30px; /* 36 */ margin-bottom: 20px; /* 37 */ padding-left: 10%; /* 38 */ padding-right: 10%; /* 39 */ max-width: 700px; /* 40 */ position: relative; /* 41 */ margin-left: auto; /* 42 */ margin-right: auto; /* 43 */ } /* 44 */ /* 45 */ h2, /* 46 */ h1.styling-als-h2 { /* 47 */ font-size: 22px; /* 48 */ line-height: 26px; /* 49 */ margin-bottom: 10px; /* 50 */ } /* styles.css */ /* 51 */ /* 52 */ h3 { /* 53 */ font-size: 100%; /* 54 */ font-weight: 700; /* 55 */ margin-bottom: 10px; /* 56 */ } /* 57 */ /* 58 */ span.title { /* 59 */ display: block; /* 60 */ font-size: 14px; /* 61 */ font-weight: 600; /* 62 */ color: white; /* 63 */ letter-spacing: 2px; /* 64 */ margin-bottom: 10px; /* 65 */ padding-top: 20px; /* 66 */ padding-top: 0px; /* 67 */ text-transform: uppercase; /* 68 */ } /* 69 */ .introtekst { /* 70 */ font-family: 'Lora', serif; /* 71 */ font-weight: 400; /* 72 */ font-size: 18px; /* 73 */ line-height: 25px; /* 74 */ } /* 75 */ @media only screen and (min-width: 768px) { /* 76 */ body { /* 77 */ font-size: 18px; /* 78 */ line-height: 26px; /* 79 */ } /* 80 */ /* 81 */ h1 { /* 82 */ font-size: 32px; /* 83 */ line-height: 34px; /* 84 */ margin-bottom: 30px; /* 85 */ } /* 86 */ /* 87 */ h2, /* 88 */ h1.styling-als-h2 { /* 89 */ font-size: 26px; /* 90 */ line-height: 28px; /* 91 */ margin-bottom: 20px; /* 92 */ } /* 93 */ span.title { /* 94 */ padding-top: 0px; /* 95 */ } /* 96 */ .introtekst { /* 97 */ font-size: 21px; /* 98 */ line-height: 28px; /* 99 */ } /* 100 */ } /* styles.css */ /* 101 */ @media only screen and (min-width: 1280px) { /* 102 */ body { /* 103 */ font-size: 22px; /* 104 */ line-height: 32px; /* 105 */ } /* 106 */ /* 107 */ h1 { /* 108 */ font-size: 36px; /* 109 */ line-height: 38px; /* 110 */ } /* 111 */ /* 112 */ h2, /* 113 */ h1.styling-als-h2 { /* 114 */ font-size: 30px; /* 115 */ line-height: 34px; /* 116 */ } /* 117 */ .introtekst { /* 118 */ font-size: 26px; /* 119 */ line-height: 34px; /* 120 */ } /* 121 */ } /* 122 */ /* 123 */ p { /* 124 */ padding-bottom: 20px; /* 125 */ } /* 126 */ /* 127 */ strong, .bold { /* 128 */ font-weight: 700; /* 129 */ } /* 130 */ /* 131 */ a { /* 132 */ color: var(--blauw-1); /* 133 */ color: var(--primary); /* 134 */ } /* 135 */ a:hover { /* 136 */ color: var(--blauw-2); /* 137 */ } /* 138 */ .blur { /* 139 */ -webkit-filter: blur(2px); /* 140 */ filter: blur(2px); /* 141 */ } /* 142 */ /* 143 */ .section-anker { /* 144 */ height: 120px; /* 145 */ width: 20px; /* 146 */ position: absolute; /* 147 */ top: -120px; /* 148 */ left: 0px; /* 149 */ } /* 150 */ /* styles.css */ /* 151 */ .kolom-content ul { /* 152 */ margin-bottom: 20px; /* 153 */ padding-left: 20px; /* 154 */ } /* 155 */ /* 156 */ .kolom-content ul li { /* 157 */ list-style-type: disc; /* 158 */ padding: 0; /* 159 */ } /* 160 */ /* 161 */ /* hoofdstuk */ /* 162 */ article { /* 163 */ position: relative; /* 164 */ } /* 165 */ /* 166 */ .padding-top { /* 167 */ padding-top: 30px; /* 168 */ } /* 169 */ /* 170 */ .padding-bottom { /* 171 */ padding-bottom: 30px; /* 172 */ } /* 173 */ /* 174 */ /* VIDEO */ /* 175 */ video { /* 176 */ display: block; /* 177 */ width: 100%; /* 178 */ height: auto; /* 179 */ } /* 180 */ .blur { /* 181 */ filter: blur(4px); /* 182 */ } /* 183 */ /* Nodig om Video.js weer te laten schalen naar 100% breedte: */ /* 184 */ .video-js { /* 185 */ width: auto !important; /* 186 */ height: auto !important; /* 187 */ } /* 188 */ /* 189 */ .video-js { /* 190 */ margin-bottom: 30px; /* 191 */ height: auto !important; /* 192 */ } /* 193 */ /* 194 */ .video-js video { /* 195 */ position: relative !important; /* 196 */ } /* 197 */ /* 198 */ .kvk-btw { /* 199 */ font-size: 70%; /* 200 */ line-height: 20px; /* styles.css */ /* 201 */ color: var(--grijs); /* 202 */ } /* 203 */ /* 204 */ /* iframe */ /* 205 */ .video-container { /* 206 */ position: relative; /* 207 */ padding-bottom: 56.25%; /* 16/9 ratio */ /* 208 */ padding-top: 30px; /* IE6 workaround*/ /* 209 */ overflow: hidden; /* 210 */ margin-bottom: 25px; /* 211 */ } /* 212 */ /* 213 */ .video-container iframe, /* 214 */ .video-container object, /* 215 */ .video-container embed { /* 216 */ position: absolute; /* 217 */ top: 0; /* 218 */ left: 0; /* 219 */ width: 100%; /* 220 */ height: 100%; /* 221 */ } /* 222 */ /* 223 */ .container-map { /* 224 */ position: relative; /* 225 */ height: 350px; /* 226 */ overflow: hidden; /* 227 */ } /* 228 */ /* 229 */ .container-map iframe { /* 230 */ position: absolute; /* 231 */ top: 0; /* 232 */ left: 0; /* 233 */ width: 100%; /* 234 */ height: 100%; /* 235 */ } /* 236 */ /* collapse */ /* 237 */ .toggle { /* 238 */ height: 40px; /* 239 */ width: 163px; /* 240 */ position: relative; /* 241 */ cursor: pointer; /* 242 */ font-size: 16px; /* 243 */ text-align: left; /* 244 */ font-weight: 400; /* 245 */ margin-top: 0px; /* 246 */ line-height: 30px; /* 247 */ margin-bottom: 20px; /* 248 */ } /* 249 */ .toggle.expanded { /* 250 */ } /* styles.css */ /* 251 */ .toggle .less { /* 252 */ display: none; /* 253 */ } /* 254 */ .toggle.expanded .more { /* 255 */ display: none; /* 256 */ } /* 257 */ .toggle.expanded .less { /* 258 */ display: inherit; /* 259 */ } /* 260 */ .toggle .icon { /* 261 */ font-size: 24px; /* 262 */ line-height: 35px; /* 263 */ height: 30px; /* 264 */ width: 30px; /* 265 */ text-align: center; /* 266 */ position: relative; /* 267 */ left: 5px; /* 268 */ top: 4px; /* 269 */ font-size: 16px; /* 270 */ } /* 271 */ .toggle .more, /* 272 */ .toggle .less { /* 273 */ height: 50px; /* 274 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* images.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .image { /* 3 */ display: block; /* 4 */ width: 100%; /* 5 */ position: relative; /* 6 */ } /* 7 */ .image:before{ /* 8 */ content: ""; /* 9 */ display: block; /* 10 */ padding-top: 100%; /* 11 */ } /* 12 */ .image.h-50procent:before{ /* 13 */ padding-top: 50%; /* 14 */ } /* 15 */ .img-container { /* 16 */ position: absolute; /* 17 */ top: 0; /* 18 */ left: 0; /* 19 */ bottom: 0; /* 20 */ right: 0; /* 21 */ z-index: 2; /* 22 */ } /* 23 */ .img-container .featured-image { /* 24 */ width: 100%; /* 25 */ height: 100%; /* 26 */ object-fit: cover; /* 27 */ overflow: hidden; /* 28 */ } /* 29 */ .img-container img, /* 30 */ .img-container video { /* 31 */ width: 100%; /* 32 */ height: 100%; /* 33 */ object-fit: cover; /* 34 */ overflow: hidden; /* 35 */ } /* 36 */ .custom-object-fit { /* 37 */ position: relative; /* 38 */ background-size: cover; /* 39 */ background-position: center center; /* 40 */ } /* 41 */ .custom-object-fit img { /* 42 */ opacity: 0; /* 43 */ } /* 44 */ .img-container.custom-object-fit { /* 45 */ position: absolute; /* 46 */ top: 0; /* 47 */ left: 0; /* 48 */ bottom: 0; /* 49 */ right: 0; /* 50 */ } /* images.css */ /* 51 */ /* Image contain */ /* 52 */ .img-container.contain img { /* 53 */ object-fit: contain; /* 54 */ } /* 55 */ /* Image at bottom*/ /* 56 */ .img-container.bottom img, /* 57 */ .img-container.bottom video { /* 58 */ object-position: bottom; /* 59 */ } /* 60 */ .img-container.bottom.custom-object-fit { /* 61 */ background-position: center bottom; /* 62 */ } /* 63 */ /* Image at top*/ /* 64 */ .img-container.top img, /* 65 */ .img-container.top video { /* 66 */ object-position: top; /* 67 */ } /* 68 */ .img-container.top.custom-object-fit { /* 69 */ background-position: center top; /* 70 */ } /* 71 */ /* TEKST */ /* 72 */ .image .quote { /* 73 */ position: absolute; /* 74 */ top: 0; /* 75 */ left: 0; /* 76 */ bottom: 0; /* 77 */ right: 0; /* 78 */ z-index: 3; /* 79 */ display: -webkit-box; /* 80 */ display: -webkit-flex; /* 81 */ display: -moz-box; /* 82 */ display: -ms-flexbox; /* 83 */ display: flex; /* 84 */ /* align vertical */ /* 85 */ -webkit-box-align: center; /* 86 */ -moz-box-align: center; /* 87 */ -ms-flex-align: center; /* 88 */ -webkit-align-items: center; /* 89 */ align-items: center; /* 90 */ text-align: center; /* 91 */ } /* 92 */ .image .quote h4 { /* 93 */ padding-bottom: 5px; /* 94 */ font-size: 18px; /* 95 */ color: #fff; /* 96 */ width: 100%; /* 97 */ } /* 98 */ .image .quote h3 { /* 99 */ padding-bottom: 5px; /* 100 */ font-size: 24px; /* images.css */ /* 101 */ color: #fff; /* 102 */ width: 100%; /* 103 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* header.css */ /* 1 */ header { /* 2 */ position: relative; /* 3 */ position: absolute; /* 4 */ position: fixed; /* 5 */ z-index: 6; /* 6 */ width: 100%; /* 7 */ height: 45px; /* 8 */ left: 0px; /* 9 */ top: 0px; /* 10 */ background-color: transparent; /* 11 */ background-color: #111; /* 12 */ background-color: var(--grijs-8); /* 13 */ } /* 14 */ header.small { /* 15 */ height: 55px; /* 16 */ background-color: var(--wit); /* 17 */ -webkit-box-shadow: 0 5px 4px -4px #333; /* 18 */ -moz-box-shadow: 0 5px 4px -4px #333; /* 19 */ box-shadow: 0 5px 4px -4px #333; /* 20 */ } /* 21 */ /* LOGO */ /* 22 */ #logo { /* 23 */ position: absolute; /* 24 */ width: 100px; /* 25 */ left: 20px; /* 26 */ top: 63px; /* 27 */ z-index: 40; /* 28 */ } /* 29 */ /* 30 */ #logo img { /* 31 */ width: 100%; /* 32 */ } /* 33 */ #logo .logo { /* 34 */ fill-rule:evenodd; /* 35 */ clip-rule:evenodd; /* 36 */ fill: var(--primary); /* 37 */ } /* 38 */ header.small #logo { /* 39 */ width: 90px; /* 40 */ left: 30px; /* 41 */ top: 14px; /* 42 */ } /* 43 */ @media only screen and (min-width: 768px) { /* 44 */ header { /* 45 */ height: 0px; /* 46 */ } /* 47 */ #logo { /* 48 */ top: 15px; /* 49 */ width: 115px; /* 50 */ } /* header.css */ /* 51 */ } /* 52 */ @media only screen and (min-width: 1280px) { /* 53 */ header { /* 54 */ height: 0px; /* 55 */ } /* 56 */ #logo { /* 57 */ width: 145px; /* 58 */ left: 30px; /* 59 */ top: 25px; /* 60 */ } /* 61 */ header.small #logo { /* 62 */ top: 14px; /* 63 */ } /* 64 */ } /* 65 */ @media only screen and (min-width: 1550px) { /* 66 */ #logo { /* 67 */ width: 160px; /* 68 */ } /* 69 */ } /* 70 */ /* 71 */ /* kleur op homepage */ /* 72 */ body.index #logo .logo { /* 73 */ fill: var(--wit); /* 74 */ } /* 75 */ body.index header.small #logo .logo { /* 76 */ fill: var(--primary); /* 77 */ } /* 78 */ /* 79 */ /* vlaggen */ /* 80 */ #vlaggen-container { /* 81 */ position: absolute; /* 82 */ z-index: 60; /* 83 */ top: 6px; /* 84 */ right: 5px; /* 85 */ line-height: 32px; /* 86 */ } /* 87 */ header.small #vlaggen-container { /* 88 */ top: 11px; /* 89 */ right: 95px; /* 90 */ } /* 91 */ .vlag { /* 92 */ float: left; /* 93 */ margin-right: 15px; /* 94 */ width: 20px; /* 95 */ } /* 96 */ @media only screen and (min-width: 768px) { /* 97 */ #vlaggen-container { /* 98 */ top: 11px; /* 99 */ right: 95px; /* 100 */ } /* header.css */ /* 101 */ } /* 102 */ @media only screen and (min-width: 1280px) { /* 103 */ #vlaggen-container { /* 104 */ right: 10px; /* 105 */ } /* 106 */ header.small #vlaggen-container { /* 107 */ right: 10px; /* 108 */ } /* 109 */ } /* 110 */ /* 111 */ /* PANEL */ /* 112 */ .panel-maatwerk { /* 113 */ position: absolute; /* 114 */ z-index: 22; /* 115 */ top: -250px; /* 116 */ right: 98px; /* 117 */ margin-top: 0px; /* 118 */ z-index: 40; /* 119 */ } /* 120 */ .panel-maatwerk .txt { /* 121 */ position: absolute; /* 122 */ padding: 20px; /* 123 */ font-weight: 600; /* 124 */ font-size: 16px; /* 125 */ } /* 126 */ .panel-maatwerk .pijl { /* 127 */ position: absolute; /* 128 */ display: block; /* 129 */ width: 30px; /* 130 */ height: 30px; /* 131 */ } /* 132 */ header.small .panel-maatwerk { /* 133 */ margin-top: -250px; /* 134 */ } /* 135 */ .panel-maatwerk a { /* 136 */ display: flex; /* 137 */ align-items: center; /* 138 */ justify-content: center; /* 139 */ flex-direction: column; /* 140 */ font-size: 20px; /* 141 */ line-height: 24px; /* 142 */ text-align: center; /* 143 */ height: 105px; /* 144 */ width: 105px; /* 145 */ border-radius: 50%; /* 146 */ text-decoration: none; /* 147 */ -webkit-box-shadow: 0 10px 8px -8px #333; /* 148 */ -moz-box-shadow: 0 10px 8px -8px #333; /* 149 */ box-shadow: 0 10px 8px -8px #333; /* 150 */ transition: top 0.5s ease-in-out; /* header.css */ /* 151 */ -webkit-transition: top 0.5s ease-in-out; /* 152 */ -moz-transition: top 0.5s ease-in-out; /* 153 */ overflow: hidden; /* 154 */ } /* 155 */ .panel-maatwerk a:hover { /* 156 */ -webkit-box-shadow: 0 18px 12px -12px #333; /* 157 */ -moz-box-shadow: 0 18px 12px -12px #333; /* 158 */ box-shadow: 0 18px 12px -12px #333; /* 159 */ } /* 160 */ .panel-maatwerk a:focus { /* 161 */ -webkit-box-shadow: 0 4px 2px -2px #666; /* 162 */ -moz-box-shadow: 0 4px 2px -2px #666; /* 163 */ box-shadow: 0 4px 2px -2px #666; /* 164 */ } /* 165 */ @media only screen and (min-width: 768px) { /* 166 */ .panel-maatwerk { /* 167 */ right: 200px; /* 168 */ } /* 169 */ .panel-maatwerk a { /* 170 */ height: 150px; /* 171 */ width: 150px; /* 172 */ } /* 173 */ .panel-maatwerk .pijl { /* 174 */ width: 40px; /* 175 */ } /* 176 */ } /* 177 */ @media only screen and (min-width: 1280px) { /* 178 */ .panel-maatwerk { /* 179 */ right: 100px; /* 180 */ z-index: 60; /* 181 */ } /* 182 */ } /* 183 */ @media only screen and (min-width: 1440px) { /* 184 */ .panel-maatwerk { /* 185 */ right: 170px; /* 186 */ } /* 187 */ } /* 188 */ /* 189 */ .panel-maatwerk { /* 190 */ -moz-animation-name: dropHeader; /* 191 */ -moz-animation-iteration-count: 1; /* 192 */ -moz-animation-timing-function: ease-out; /* 193 */ -moz-animation-duration: 1s; /* 194 */ -moz-animation-delay: 2s; /* 195 */ -moz-animation-fill-mode: forwards; /* 196 */ /* 197 */ -webkit-animation-name: dropHeader; /* 198 */ -webkit-animation-iteration-count: 1; /* 199 */ -webkit-animation-timing-function: ease-out; /* 200 */ -webkit-animation-duration: 1s; /* header.css */ /* 201 */ -webkit-animation-delay: 2s; /* 202 */ -webkit-animation-fill-mode: forwards; /* 203 */ /* 204 */ animation-name: dropHeader; /* 205 */ animation-iteration-count: 1; /* 206 */ animation-timing-function: ease-out; /* 207 */ animation-duration: 1s; /* 208 */ animation-delay: 2s; /* 209 */ animation-fill-mode: forwards; /* 210 */ } /* 211 */ /* 212 */ @-moz-keyframes dropHeader { /* 213 */ from { /* 214 */ top:-250px; /* 215 */ } /* 216 */ to { /* 217 */ top: -15px; /* 218 */ } /* 219 */ } /* 220 */ @-webkit-keyframes dropHeader { /* 221 */ from { /* 222 */ top:-250px; /* 223 */ } /* 224 */ to { /* 225 */ top: -15px; /* 226 */ } /* 227 */ } /* 228 */ @keyframes dropHeader { /* 229 */ from { /* 230 */ top:-250px; /* 231 */ } /* 232 */ to { /* 233 */ top: -15px; /* 234 */ } /* 235 */ } /* 236 */ /* 237 */ @media only screen and (min-width: 768px) { /* 238 */ /* 239 */ @-moz-keyframes dropHeader { /* 240 */ from { /* 241 */ top:-250px; /* 242 */ } /* 243 */ to { /* 244 */ top: -25px; /* 245 */ } /* 246 */ } /* 247 */ @-webkit-keyframes dropHeader { /* 248 */ from { /* 249 */ top:-250px; /* 250 */ } /* header.css */ /* 251 */ to { /* 252 */ top: -25px; /* 253 */ } /* 254 */ } /* 255 */ @keyframes dropHeader { /* 256 */ from { /* 257 */ top:-250px; /* 258 */ } /* 259 */ to { /* 260 */ top: -25px; /* 261 */ } /* 262 */ } /* 263 */ /* 264 */ } /* 265 */ /* 266 */ .transition { /* 267 */ transition: all 0.5s ease-in-out; /* 268 */ -webkit-transition: all 0.5s ease-in-out; /* 269 */ -moz-transition: all 0.5s ease-in-out; /* 270 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary file-relative URI : fonts/kelvin-degree.eot path prepended : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary/fonts/kelvin-degree.eot docroot stripped : /css/stationary/fonts/kelvin-degree.eot traversals removed : /css/stationary/fonts/kelvin-degree.eot file-relative URI : fonts/kelvin-degree.eot?#iefix path prepended : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary/fonts/kelvin-degree.eot?#iefix docroot stripped : /css/stationary/fonts/kelvin-degree.eot?#iefix traversals removed : /css/stationary/fonts/kelvin-degree.eot?#iefix file-relative URI : fonts/kelvin-degree.woff path prepended : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary/fonts/kelvin-degree.woff docroot stripped : /css/stationary/fonts/kelvin-degree.woff traversals removed : /css/stationary/fonts/kelvin-degree.woff file-relative URI : fonts/kelvin-degree.ttf path prepended : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary/fonts/kelvin-degree.ttf docroot stripped : /css/stationary/fonts/kelvin-degree.ttf traversals removed : /css/stationary/fonts/kelvin-degree.ttf file-relative URI : fonts/kelvin-degree.svg#kelvin-degree path prepended : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary/fonts/kelvin-degree.svg#kelvin-degree docroot stripped : /css/stationary/fonts/kelvin-degree.svg#kelvin-degree traversals removed : /css/stationary/fonts/kelvin-degree.svg#kelvin-degree */ /* icon-font.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ @font-face { /* 4 */ font-family: "kelvin-degree"; /* 5 */ src:url("/css/stationary/fonts/kelvin-degree.eot"); /* 6 */ src:url("/css/stationary/fonts/kelvin-degree.eot?#iefix") format("embedded-opentype"), /* 7 */ url("/css/stationary/fonts/kelvin-degree.woff") format("woff"), /* 8 */ url("/css/stationary/fonts/kelvin-degree.ttf") format("truetype"), /* 9 */ url("/css/stationary/fonts/kelvin-degree.svg#kelvin-degree") format("svg"); /* 10 */ font-weight: normal; /* 11 */ font-style: normal; /* 12 */ font-display: swap; /* 13 */ } /* 14 */ /* 15 */ [data-icon]:before { /* 16 */ font-family: "kelvin-degree" !important; /* 17 */ content: attr(data-icon); /* 18 */ font-style: normal !important; /* 19 */ font-weight: normal !important; /* 20 */ font-variant: normal !important; /* 21 */ text-transform: none !important; /* 22 */ speak: none; /* 23 */ line-height: 0; /* 24 */ -webkit-font-smoothing: antialiased; /* 25 */ -moz-osx-font-smoothing: grayscale; /* 26 */ } /* 27 */ /* 28 */ [class^="icon-"]:before, /* 29 */ [class*=" icon-"]:before { /* 30 */ font-family: "kelvin-degree" !important; /* 31 */ font-style: normal !important; /* 32 */ font-weight: normal !important; /* 33 */ font-variant: normal !important; /* 34 */ text-transform: none !important; /* 35 */ speak: none; /* 36 */ line-height: 0; /* 37 */ -webkit-font-smoothing: antialiased; /* 38 */ -moz-osx-font-smoothing: grayscale; /* 39 */ } /* 40 */ /* 41 */ .icon-bestanden:before { /* 42 */ content: "\61"; /* 43 */ } /* 44 */ .icon-calender:before { /* 45 */ content: "\62"; /* 46 */ } /* 47 */ .icon-download:before { /* 48 */ content: "\63"; /* 49 */ } /* 50 */ .icon-facebook:before { /* icon-font.css */ /* 51 */ content: "\64"; /* 52 */ } /* 53 */ .icon-filter:before { /* 54 */ content: "\65"; /* 55 */ } /* 56 */ .icon-huis:before { /* 57 */ content: "\66"; /* 58 */ } /* 59 */ .icon-instagram:before { /* 60 */ content: "\68"; /* 61 */ } /* 62 */ .icon-instellingen:before { /* 63 */ content: "\69"; /* 64 */ } /* 65 */ .icon-linkedin:before { /* 66 */ content: "\6c"; /* 67 */ } /* 68 */ .icon-locatie:before { /* 69 */ content: "\6d"; /* 70 */ } /* 71 */ .icon-pinterest:before { /* 72 */ content: "\6e"; /* 73 */ } /* 74 */ .icon-phone:before { /* 75 */ content: "\73"; /* 76 */ } /* 77 */ .icon-persoon:before { /* 78 */ content: "\74"; /* 79 */ } /* 80 */ .icon-oldphone:before { /* 81 */ content: "\75"; /* 82 */ } /* 83 */ .icon-okay:before { /* 84 */ content: "\76"; /* 85 */ } /* 86 */ .icon-mobile:before { /* 87 */ content: "\77"; /* 88 */ } /* 89 */ .icon-midden:before { /* 90 */ content: "\78"; /* 91 */ } /* 92 */ .icon-mail:before { /* 93 */ content: "\79"; /* 94 */ } /* 95 */ .icon-loep:before { /* 96 */ content: "\7a"; /* 97 */ } /* 98 */ .icon-sluiten:before { /* 99 */ content: "\42"; /* 100 */ } /* icon-font.css */ /* 101 */ .icon-ster:before { /* 102 */ content: "\44"; /* 103 */ } /* 104 */ .icon-tijdsduur:before { /* 105 */ content: "\45"; /* 106 */ } /* 107 */ .icon-tiktok:before { /* 108 */ content: "\46"; /* 109 */ } /* 110 */ .icon-twitter:before { /* 111 */ content: "\47"; /* 112 */ } /* 113 */ .icon-web:before { /* 114 */ content: "\48"; /* 115 */ } /* 116 */ .icon-youtube:before { /* 117 */ content: "\49"; /* 118 */ } /* 119 */ .icon-whatsapp:before { /* 120 */ content: "\67"; /* 121 */ } /* 122 */ .icon-pijl-links:before { /* 123 */ content: "\6a"; /* 124 */ } /* 125 */ .icon-pijl-omhoog:before { /* 126 */ content: "\6b"; /* 127 */ } /* 128 */ .icon-pijl-omlaag:before { /* 129 */ content: "\6f"; /* 130 */ } /* 131 */ .icon-pijl-rechts:before { /* 132 */ content: "\70"; /* 133 */ } /* 134 */ .icon-pijl-links-1:before { /* 135 */ content: "\71"; /* 136 */ } /* 137 */ .icon-pijl-omhoog-1:before { /* 138 */ content: "\72"; /* 139 */ } /* 140 */ .icon-pijl-omlaag-1:before { /* 141 */ content: "\41"; /* 142 */ } /* 143 */ .icon-pijl-rechts-1:before { /* 144 */ content: "\43"; /* 145 */ } /* 146 */ .icon-x:before { /* 147 */ content: "\4a"; /* 148 */ } /* 149 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* menu.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* letter grootte */ /* 3 */ .nav-wrapper nav li a, /* 4 */ .menu-item-has-children span { /* 5 */ font-size: 18px; /* 6 */ font-weight: 500; /* 7 */ font-variant: normal; /* 8 */ -webkit-transition: font-size 0.3s ease-out; /* 9 */ -moz-transition: font-size 0.3s ease-out; /* 10 */ transition: font-size 0.3s ease-out; /* 11 */ } /* 12 */ header.small .nav-wrapper nav li a:hover { /* 13 */ color: var(--primary); /* 14 */ } /* 15 */ @media only screen and (min-width: 1280px) { /* 16 */ .nav-wrapper nav li a, /* 17 */ .menu-item-has-children span { /* 18 */ font-size: 17px; /* 19 */ } /* 20 */ header.small .nav-wrapper nav li a, /* 21 */ header.small .menu-item-has-children span { /* 22 */ font-size: 15px; /* 23 */ } /* 24 */ } /* 25 */ /* kleur op homepage */ /* 26 */ @media only screen and (min-width: 1280px) { /* 27 */ body.index .menu-item-has-children span, /* 28 */ body.index .nav-wrapper nav li a { /* 29 */ color: var(--wit); /* 30 */ } /* 31 */ body.index header.small .nav-wrapper nav li a, /* 32 */ body.index header.small .nav-wrapper nav li a:hover { /* 33 */ color: var(--primary); /* 34 */ } /* 35 */ } /* 36 */ /* nav-wrapper */ /* 37 */ .nav-wrapper nav { /* 38 */ position: fixed; /* 39 */ height: 100%; /* 40 */ width: 270px; /* 41 */ right: -270px; /* 42 */ z-index: 90; /* 43 */ background-color: var(--oker-5); /* 44 */ -webkit-transition: right 0.3s ease-out; /* 45 */ -moz-transition: right 0.3s ease-out; /* 46 */ transition: right 0.3s ease-out; /* 47 */ } /* 48 */ .nav-wrapper.show-menu nav { /* 49 */ right: 0px; /* 50 */ } /* menu.css */ /* 51 */ .nav-wrapper nav ul.nav-content { /* 52 */ position: absolute; /* 53 */ height: 100%; /* 54 */ height: -moz-calc(100% - 190px); /* Firefox */ /* 55 */ height: calc(100% - 190px); /* Standard */ /* 56 */ right: 0; /* 57 */ top: 0; /* 58 */ width: 100%; /* 59 */ margin-top: 50px; /* 60 */ margin-bottom: 140px; /* 61 */ /* mooie scroll op IOS */ /* 62 */ overflow-y: auto; /* 63 */ -webkit-overflow-scrolling: touch; /* 64 */ } /* 65 */ @media only screen and (min-width: 768px) { /* 66 */ .nav-wrapper nav { /* 67 */ width: 350px; /* 68 */ right: -350px; /* 69 */ } /* 70 */ .nav-wrapper nav ul.nav-content { /* 71 */ margin-top: 100px; /* 72 */ } /* 73 */ } /* 74 */ .nav-wrapper nav ul.nav-content { /* 75 */ padding-bottom: 160px; /* 76 */ } /* 77 */ .nav-wrapper nav li a { /* 78 */ display: block; /* 79 */ line-height: 45px; /* 80 */ padding: 0 16px 0 32px; /* 81 */ color: var(--wit); /* 82 */ text-decoration: none; /* 83 */ } /* 84 */ .nav-wrapper nav li a:hover, /* 85 */ .menu-item-has-children:hover > span { /* 86 */ color: var(--wit); /* 87 */ text-decoration: none; /* 88 */ } /* 89 */ .nav-wrapper nav .menu-item-has-children > span.submenu-open { /* 90 */ background-color: var(--oker-4); /* 91 */ } /* 92 */ /* menu-items met submenu */ /* 93 */ .menu-item-has-children span { /* 94 */ display: block; /* 95 */ position: relative; /* 96 */ padding-left: 32px; /* 97 */ padding-right: 40px; /* 98 */ height: 50px; /* 99 */ line-height: 50px; /* 100 */ color: #FFF; /* menu.css */ /* 101 */ } /* 102 */ .menu-item-has-children:hover > span { /* 103 */ cursor: pointer; /* 104 */ } /* 105 */ /* submenu */ /* 106 */ .nav-wrapper nav ul.nav-dropdown { /* 107 */ display: none; /* 108 */ margin-bottom: 0; /* 109 */ background-color: var(--oker-3); /* 110 */ padding-top: 20px; /* 111 */ padding-bottom: 20px; /* 112 */ } /* 113 */ .nav-wrapper nav ul.nav-dropdown ul li a { /* 114 */ padding-left: 50px; /* 115 */ } /* 116 */ @media only screen and (min-width: 1280px) { /* 117 */ .nav-wrapper nav { /* 118 */ background-color: transparent; /* 119 */ position: absolute; /* 120 */ height: auto; /* 121 */ height: 50px; /* 122 */ width: -moz-calc(100% - 210px); /* 123 */ width: -webkit-calc(100% - 210px); /* 124 */ width: calc(100% - 210px); /* 125 */ left: 210px; /* 126 */ top: 25px; /* 127 */ text-align: left; /* 128 */ z-index: 50; /* 129 */ transition: all 0.5s ease-in-out; /* 130 */ -webkit-transition: all 0.5s ease-in-out; /* 131 */ -moz-transition: all 0.5s ease-in-out; /* 132 */ } /* 133 */ header.small .nav-wrapper nav { /* 134 */ left: 160px; /* 135 */ top: 3px; /* 136 */ } /* 137 */ .nav-wrapper nav ul.nav-content { /* 138 */ position: absolute; /* 139 */ overflow-y: visible; /* 140 */ height: 50px; /* 141 */ width: 100%; /* 142 */ padding: 0; /* 143 */ margin: 0; /* 144 */ top: 0px; /* 145 */ bottom: 0px; /* 146 */ display: block; /* 147 */ list-style: none; /* 148 */ background-color: transparent; /* 149 */ } /* 150 */ .nav-wrapper nav li { /* menu.css */ /* 151 */ display: inline-block; /* 152 */ height: 50px; /* 153 */ margin-right: 15px; /* 154 */ } /* 155 */ .nav-wrapper nav li a { /* 156 */ text-decoration: none; /* 157 */ position: relative; /* 158 */ margin: 0px; /* 159 */ padding: 0; /* 160 */ height: 50px; /* 161 */ line-height: 50px; /* 162 */ } /* 163 */ .nav-wrapper nav li.menu-item-has-children { /* 164 */ margin-right: 10px; /* 165 */ } /* 166 */ .menu-item-has-children span { /* 167 */ padding-left: 20px; /* 168 */ padding-left: 0; /* 169 */ } /* 170 */ .nav-wrapper nav li a, /* 171 */ .menu-item-has-children span { /* 172 */ color: var(--primary); /* 173 */ } /* 174 */ .nav-wrapper nav li a:hover { /* 175 */ color: var(--wit); /* 176 */ } /* 177 */ /* submenu */ /* 178 */ .nav-wrapper nav ul.nav-dropdown { /* 179 */ display: none; /* 180 */ position: absolute; /* 181 */ top: 100%; /* 182 */ background-color: var(--wit); /* 183 */ padding-top: 28px; /* 184 */ padding-bottom: 28px; /* 185 */ padding-left: 20px; /* 186 */ padding-right: 15px; /* 187 */ top: 50px; /* 188 */ -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); /* 189 */ -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); /* 190 */ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); /* 191 */ margin-top: 0px; /* 192 */ z-index: 70; /* 193 */ margin-left: -35px; /* 194 */ border-radius: 20px; /* 195 */ } /* 196 */ .menu-item-has-children span { /* 197 */ padding-left: 0px; /* 198 */ } /* 199 */ .nav-wrapper nav li.menu-item-has-children { /* 200 */ margin-right: 0px; /* menu.css */ /* 201 */ } /* 202 */ /* submenu item */ /* 203 */ .nav-wrapper nav ul.nav-dropdown li { /* 204 */ padding-left: 0px; /* 205 */ display: block; /* 206 */ margin-bottom: 0px; /* 207 */ margin-right: 30px; /* 208 */ width: 100%; /* 209 */ float: none; /* 210 */ position: relative; /* 211 */ text-align: left; /* 212 */ height: 40px; /* 213 */ } /* 214 */ /* tekst in submenu */ /* 215 */ .nav-wrapper nav ul.nav-dropdown li a { /* 216 */ margin-left: 0px; /* 217 */ padding-left: 20px; /* 218 */ padding-right: 30px; /* 219 */ color: var(--primary); /* 220 */ transition: all 0.5s; /* 221 */ -moz-transition: all 0.3s; /* 222 */ -webkit-transition: all 0.3s; /* 223 */ -o-transition: all 0.3s; /* 224 */ height: 40px; /* 225 */ line-height: 38px; /* 226 */ } /* 227 */ /* mouseover in submenu */ /* 228 */ .nav-wrapper nav ul.nav-dropdown li a:hover { /* 229 */ color: #9d0e8c; /* 230 */ color: var(--pink-deep); /* 231 */ background-color: var(--wit); /* 232 */ padding-left: 30px; /* 233 */ padding-right: 20px; /* 234 */ } /* 235 */ /* show submenu */ /* 236 */ .nav-wrapper nav ul li:hover > ul.nav-dropdown { /* 237 */ display: block; /* 238 */ } /* 239 */ .nav-wrapper nav ul ul.nav-dropdown:hover { /* 240 */ display: block; /* 241 */ } /* 242 */ } /* 243 */ @media only screen and (min-width: 1440px) { /* 244 */ .nav-wrapper nav { /* 245 */ width: -moz-calc(100% - 230px); /* 246 */ width: -webkit-calc(100% - 230px); /* 247 */ width: calc(100% - 230px); /* 248 */ left: 230px; /* 249 */ } /* 250 */ .nav-wrapper nav li { /* menu.css */ /* 251 */ margin-right: 25px; /* 252 */ } /* 253 */ } /* 254 */ /* pijltje */ /* 255 */ .nav-wrapper nav .menu-item-has-children > span::after { /* 256 */ font-family: "kelvin-degree"; /* 257 */ content: "\70"; /* 258 */ font-size: 12px; /* 259 */ line-height: 23px; /* 260 */ text-align: center; /* 261 */ display: block; /* 262 */ height: 25px; /* 263 */ width: 25px; /* 264 */ position: absolute; /* 265 */ top: 48%; /* 266 */ bottom: auto; /* 267 */ -webkit-transform: translateY(-50%); /* 268 */ -moz-transform: translateY(-50%); /* 269 */ transform: translateY(-50%); /* 270 */ right: 10px; /* 271 */ -webkit-transition-property: -webkit-transform; /* 272 */ -moz-transition-property: -moz-transform; /* 273 */ transition-property: transform; /* 274 */ -webkit-transition-duration: 0.2s; /* 275 */ -moz-transition-duration: 0.2s; /* 276 */ transition-duration: 0.2s; /* 277 */ } /* 278 */ .nav-wrapper nav .menu-item-has-children > span.submenu-open::after { /* 279 */ -webkit-transform: translateY(-50%) rotate(90deg); /* 280 */ -moz-transform: translateY(-50%) rotate(90deg); /* 281 */ transform: translateY(-50%) rotate(90deg); /* 282 */ } /* 283 */ @media only screen and (min-width: 768px) { /* 284 */ .nav-wrapper nav .menu-item-has-children > span::after { /* 285 */ right: 25px; /* 286 */ } /* 287 */ } /* 288 */ @media only screen and (min-width: 1280px) { /* 289 */ /* pijltje draaien */ /* 290 */ .nav-wrapper nav .menu-item-has-children > span::after { /* 291 */ -webkit-transform: translateY(-50%) rotate(90deg); /* 292 */ -moz-transform: translateY(-50%) rotate(90deg); /* 293 */ transform: translateY(-50%) rotate(90deg); /* 294 */ right: 10px; /* 295 */ top: 27px; /* 296 */ } /* 297 */ } /* 298 */ /* HOVER EFFECT */ /* 299 */ @media only screen and (min-width: 1280px) { /* 300 */ .nav-wrapper nav li a { /* menu.css */ /* 301 */ position: relative; /* 302 */ } /* 303 */ .nav-wrapper nav li a:after { /* 304 */ content: ""; /* 305 */ position: absolute; /* 306 */ top: 40px; /* 307 */ right: 0; /* 308 */ left: auto; /* 309 */ width: 0%; /* 310 */ height: 2px; /* 311 */ background: #fff; /* 312 */ transition-property: width; /* 313 */ transition-duration: 0.4s; /* 314 */ } /* 315 */ /* 316 */ .nav-wrapper nav li a:hover:after { /* 317 */ width: 100%; /* 318 */ right: auto; /* 319 */ left: 0; /* 320 */ } /* 321 */ /* 322 */ header.small .nav-wrapper nav li a:after { /* 323 */ background: var(--primary); /* 324 */ } /* 325 */ .nav-wrapper nav ul.nav-dropdown li a:after { /* 326 */ background-color: var(--wit); /* 327 */ } /* 328 */ header.small .menu-item-has-children span { /* 329 */ color: var(--primary); /* 330 */ } /* 331 */ /* 332 */ } /* 333 */ @media only screen and (min-width: 1440px) { /* 334 */ .nav-wrapper nav li { /* 335 */ margin-right: 30px; /* 336 */ } /* 337 */ } /* 338 */ /* afdek */ /* 339 */ .afdek-nav, /* 340 */ .afdek-zoeken { /* 341 */ right: 0px; /* 342 */ z-index: 50; /* 343 */ top: 0px; /* 344 */ height: 0; /* 345 */ width: 0; /* 346 */ background-color: rgba(0, 0, 0, 0.6); /* 347 */ position: fixed; /* 348 */ opacity: 0; /* 349 */ transition: opacity 0.6s ease-in, height 0s linear, width 0s linear; /* 350 */ transition-delay: 0s, 0.6s, 0.6s; /* menu.css */ /* 351 */ } /* 352 */ .afdek-zoeken { /* 353 */ z-index: 5; /* 354 */ } /* 355 */ /* 356 */ .nav-wrapper.show-menu .afdek-nav, /* 357 */ .container-zoeken.show-afdek .afdek-zoeken { /* 358 */ height: 100%; /* 359 */ width: 100%; /* 360 */ opacity: 1; /* 361 */ transition: opacity 0.6s ease-in; /* 362 */ transition-delay: 0s; /* 363 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* menu-hamburger.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .hamburger { /* 3 */ position: absolute; /* 4 */ height: 40px; /* 5 */ width: 40px; /* 6 */ right: 10px; /* 7 */ top: 57px; /* 8 */ cursor: pointer; /* 9 */ z-index:9999; /* 10 */ } /* 11 */ /* 12 */ header.small .hamburger { /* 13 */ top: 6px; /* 14 */ } /* 15 */ @media only screen and (min-width: 768px) { /* 16 */ .hamburger { /* 17 */ top: 6px; /* 18 */ } /* 19 */ } /* 20 */ .hamburger-streep { /* 21 */ transition: 0.6s ease; /* 22 */ transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); /* 23 */ margin-top: 10px; /* 24 */ position: absolute; /* 25 */ background-color: var(--primary); /* 26 */ } /* 27 */ /* kleur op homepage */ /* 28 */ body.index .hamburger-streep { /* 29 */ background-color: var(--wit); /* 30 */ } /* 31 */ body.index header.small .hamburger-streep { /* 32 */ background-color: var(--primary); /* 33 */ } /* 34 */ /* 35 */ .top-menu, /* 36 */ .mid-menu, /* 37 */ .bottom-menu { /* 38 */ top: 2px; /* 39 */ left: 9px; /* 40 */ width: 23px; /* 41 */ height: 3px; /* 42 */ border-radius: 4px; /* 43 */ } /* 44 */ .mid-menu { /* 45 */ top: 9px; /* 46 */ } /* 47 */ .bottom-menu { /* 48 */ top: 16px; /* 49 */ } /* 50 */ /* menu open */ /* menu-hamburger.css */ /* 51 */ .nav-wrapper.show-menu .hamburger { /* 52 */ position:fixed; /* 53 */ top: 7px; /* 54 */ } /* 55 */ .nav-wrapper.show-menu .top-menu, /* 56 */ .nav-wrapper.show-menu .bottom-menu { /* 57 */ top: 9px; /* 58 */ -webkit-transform: rotate(45deg); /* 59 */ -moz-transform: rotate(45deg); /* 60 */ transform: rotate(45deg); /* 61 */ background-color: #fff; /* 62 */ } /* 63 */ .nav-wrapper.show-menu .mid-menu { /* 64 */ opacity: 0; /* 65 */ } /* 66 */ .nav-wrapper.show-menu .bottom-menu { /* 67 */ -webkit-transform: rotate(-225deg); /* 68 */ -moz-transform: rotate(-225deg); /* 69 */ transform: rotate(-225deg); /* 70 */ } /* 71 */ /* 72 */ .hamburger-tekst { /* 73 */ position: absolute; /* 74 */ top: 9px; /* 75 */ right: 50px; /* 76 */ color: #222; /* 77 */ color: #fff; /* 78 */ line-height: 24px; /* 79 */ display: none; /* 80 */ } /* 81 */ .nav-wrapper.show-menu .hamburger-tekst { /* 82 */ color: #fff; /* 83 */ } /* 84 */ .hamburger-tekst:after { /* 85 */ content: "Menu"; /* 86 */ } /* 87 */ /* 88 */ .show-menu .hamburger-tekst:after { /* 89 */ content: "Sluit"; /* 90 */ } /* 91 */ /* 92 */ @media only screen and (min-width: 1280px) { /* 93 */ .hamburger { /* 94 */ display:none; /* 95 */ } /* 96 */ } /* 97 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* knoppen.css */ /* 1 */ .block-item { /* 2 */ position: relative; /* 3 */ font-size: 13px; /* 4 */ font-size: 15px; /* 5 */ line-height: 20px; /* 6 */ text-align: left; /* 7 */ font-weight: 400; /* belangrijk voor weergave op IOS */ /* 8 */ font-weight: 500; /* 9 */ border: 0; /* 10 */ } /* 11 */ /* 12 */ .block-item, /* 13 */ .block-item a, /* 14 */ a.btn { /* 15 */ min-height: 46px; /* 16 */ text-decoration: none; /* 17 */ border-radius: 23px; /* 18 */ overflow: hidden; /* 19 */ box-sizing: border-box; /* 20 */ transition: all 0.3s ease; /* 21 */ } /* 22 */ /* 23 */ a.btn { /* 24 */ display: inline-flex; /* 25 */ align-items:center; /* 26 */ justify-content:center; /* 27 */ font-size: 15px; /* 28 */ height: 45px; /* 29 */ text-decoration: none; /* 30 */ font-weight: 500; /* 31 */ } /* 32 */ /* 33 */ .block-item:hover, /* 34 */ .block-item a:hover, /* 35 */ a.btn:hover { /* 36 */ cursor: pointer; /* 37 */ } /* 38 */ /* 39 */ /* KLEUREN */ /* 40 */ .block-item.kleur-grijs-8, /* 41 */ .block-item.kleur-grijs-8 a, /* 42 */ a.kleur-grijs-8 { /* 43 */ color: var(--wit); /* 44 */ background-color: var(--grijs-8); /* 45 */ } /* 46 */ /* 47 */ .block-item.kleur-grijs-3 { /* 48 */ color: var(--wit); /* 49 */ background-color: var(--grijs-3); /* 50 */ } /* knoppen.css */ /* 51 */ /* 52 */ .btn.bg-groen { /* 53 */ color: var(--wit); /* 54 */ background-color: var(--groen); /* 55 */ } /* 56 */ /* 57 */ .btn.bg-groen:hover { /* 58 */ color: var(--wit); /* 59 */ background-color: var(--groen-hover); /* 60 */ } /* 61 */ /* 62 */ .block-item.kleur-grijs-8:hover, /* 63 */ .block-item.kleur-grijs-8 a:hover, /* 64 */ a.kleur-grijs-8:hover { /* 65 */ background-color: var(--grijs-6); /* 66 */ } /* 67 */ /* 68 */ .block-item.kleur-oker-5, /* 69 */ .block-item.kleur-oker-5 a { /* 70 */ color: var(--wit); /* 71 */ background-color: var(--oker-5); /* 72 */ } /* 73 */ .block-item.kleur-oker-5 a:hover { /* 74 */ background-color: var(--oker-4); /* 75 */ } /* 76 */ /* 77 */ .block-item.kleur-wit, /* 78 */ .block-item.kleur-wit a { /* 79 */ color: var(--primary); /* 80 */ background-color: var(--wit); /* 81 */ } /* 82 */ .block-item.kleur-wit a:hover { /* 83 */ background-color: #f6f4e2; /* 84 */ } /* 85 */ /* 86 */ /* OUTLINE */ /* 87 */ .block-item.outline { /* 88 */ background-color: transparent; /* 89 */ } /* 90 */ .block-item.outline a, /* 91 */ a.btn.outline { /* 92 */ color: var(--grijs-6); /* 93 */ border: 2px solid #222; /* 94 */ border-color: var(--grijs-5); /* 95 */ background-color: transparent; /* 96 */ } /* 97 */ /* 98 */ .block-item.outline a:hover, /* 99 */ a.btn.outline:hover { /* 100 */ background-color: var(--wit); /* knoppen.css */ /* 101 */ } /* 102 */ /* 103 */ .block-item .block-left.w-75px { /* 104 */ position: relative; /* 105 */ width: 75px; /* 106 */ min-height: 75px; /* 107 */ } /* 108 */ /* 109 */ .block-item .block-right { /* 110 */ padding: 6px 0px 8px 0px; /* 111 */ } /* 112 */ /* 113 */ /* ICON */ /* 114 */ /* 115 */ .icon { /* 116 */ width: 46px; /* 117 */ height: 20px; /* 118 */ z-index: 3; /* 119 */ } /* 120 */ /* 121 */ .icon.margin-left-5px { /* 122 */ margin-left: 5px; /* 123 */ } /* 124 */ /* 125 */ .icon.margin-right-5px { /* 126 */ margin-right: 5px; /* 127 */ } /* 128 */ /* 129 */ .icon-container { /* 130 */ position: relative; /* 131 */ width: 46px; /* 132 */ height: 20px; /* 133 */ overflow: hidden; /* 134 */ display: flex; /* 135 */ align-items:center; /* 136 */ margin-top: 2px; /* 137 */ } /* 138 */ /* 139 */ .icon-container .icon { /* 140 */ font-size: 18px; /* 141 */ position: absolute; /* 142 */ -webkit-transition: all .3s; /* 143 */ -moz-transition: all .3s; /* 144 */ transition: all .3s; /* 145 */ } /* 146 */ /* 147 */ /* animation left to right */ /* 148 */ .icon-container.animation-left-to-right .icon.left { /* 149 */ left: 0px; /* 150 */ } /* knoppen.css */ /* 151 */ .icon-container.animation-left-to-right .icon.right { /* 152 */ left: 41px; /* 153 */ } /* 154 */ .block-item:hover .icon-container.animation-left-to-right .icon.left, /* 155 */ .block-item a:hover .icon-container.animation-left-to-right .icon.left { /* 156 */ left: -40px; /* 157 */ } /* 158 */ .block-item:hover .icon-container.animation-left-to-right .icon.right, /* 159 */ .block-item a:hover .icon-container.animation-left-to-right .icon.right { /* 160 */ left: 0px; /* 161 */ } /* 162 */ /* animation right to left */ /* 163 */ .icon-container.animation-right-to-left .icon.left { /* 164 */ left: -40px; /* 165 */ } /* 166 */ .icon-container.animation-right-to-left .icon.right { /* 167 */ left: 0px; /* 168 */ } /* 169 */ .block-item:hover .icon-container.animation-right-to-left .icon.left, /* 170 */ .block-item a:hover .icon-container.animation-right-to-left .icon.left { /* 171 */ left: 0px; /* 172 */ } /* 173 */ .block-item:hover .icon-container.animation-right-to-left .icon.right, /* 174 */ .block-item a:hover .icon-container.animation-right-to-left .icon.right { /* 175 */ left: 40px; /* 176 */ } /* 177 */ /* 178 */ /* BLOCK-ITEMS IN 2 KOLOMS */ /* 179 */ /* 180 */ .block-item.full-width_MIN-W-768_w-48pr { /* 181 */ width: 100%; /* 182 */ } /* 183 */ @media only screen and (min-width: 768px) { /* 184 */ .block-item.full-width_MIN-W-768_w-48pr { /* 185 */ width: 48% /* 186 */ } /* 187 */ } /* 188 */ /* 189 */ .kolommen.MIN-W-768_column-gap-4pr { /* 190 */ } /* 191 */ @media only screen and (min-width: 768px) { /* 192 */ .kolommen.MIN-W-768_column-gap-4pr { /* 193 */ column-gap: 4%; /* afstand tussen items horizontaal */ /* 194 */ } /* 195 */ } /* 196 */ /* 197 */ /* reset */ /* 198 */ button, input[type="button"], input[type="reset"], input[type="submit"] { /* 199 */ -webkit-appearance: button; /* 200 */ line-height: 0; /* knoppen.css */ /* 201 */ } /* 202 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* footer.css */ /* 1 */ footer { /* 2 */ position: relative; /* 3 */ background-color: var(--oker-5); /* 4 */ flex-shrink: 0; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. */ /* 5 */ z-index: 2; /* 6 */ } /* 7 */ .footer-content { /* 8 */ position: relative; /* 9 */ padding: 50px 25px; /* 10 */ padding-left: 45px; /* 11 */ padding-bottom: 70px; /* 12 */ font-size: 15px; /* 13 */ line-height: 30px; /* 14 */ } /* 15 */ .footer-content .kolom { /* 16 */ width: 50%; /* 17 */ float: left; /* 18 */ } /* 19 */ .footer-content .kolom.icons { /* 20 */ width: 100%; /* 21 */ float: none; /* 22 */ clear: left; /* 23 */ } /* 24 */ .footer-content .kolom.icons .button { /* 25 */ margin-right: 10px; /* 26 */ } /* 27 */ .footer-content .block-item a { /* 28 */ color: var(--wit); /* 29 */ } /* 30 */ .footer-content, /* 31 */ .footer-content a { /* 32 */ color: var(--oker-1); /* 33 */ color: var(--primary); /* 34 */ text-decoration: none; /* 35 */ } /* 36 */ .footer-content a:hover { /* 37 */ color: #fff; /* 38 */ text-decoration: underline; /* 39 */ } /* 40 */ .footer-content strong, /* 41 */ .footer-content strong a { /* 42 */ color: #fff; /* 43 */ } /* 44 */ .footer-content h3 { /* 45 */ position: relative; /* 46 */ font-size: 13px; /* 47 */ color: var(--wit); /* 48 */ font-weight: 600; /* 49 */ text-align: left; /* 50 */ padding-bottom: 10px; /* footer.css */ /* 51 */ } /* 52 */ @media only screen and (min-width: 768px) { /* 53 */ .footer-content { /* 54 */ font-size: 16px; /* 55 */ line-height: 35px; /* 56 */ padding: 50px 25px; /* 57 */ padding-top: 60px; /* 58 */ padding-bottom: 100px; /* 59 */ max-width: 900px; /* 60 */ margin-left: auto; /* 61 */ margin-right: auto; /* 62 */ } /* 63 */ .footer-content .kolom { /* 64 */ width: 30%; /* 65 */ float: left; /* 66 */ } /* 67 */ .footer-content .kolom.icons { /* 68 */ width: 40%; /* 69 */ float: left; /* 70 */ clear: none; /* 71 */ } /* 72 */ .footer-content h3 { /* 73 */ font-size: 16px; /* 74 */ padding-bottom: 15px; /* 75 */ } /* 76 */ } /* 77 */ @media only screen and (min-width: 1280px) { /* 78 */ .footer-content .kolom { /* 79 */ width: 25%; /* 80 */ } /* 81 */ .footer-content .kolom.icons { /* 82 */ width: 25%; /* 83 */ } /* 84 */ } /* 85 */ /* knoppen */ /* 86 */ .footer-content .icon { /* 87 */ font-size: 20px; /* 88 */ line-height: 46px; /* 89 */ } /* 90 */ /* webdesign */ /* 91 */ #container-webdesign { /* 92 */ position: absolute; /* 93 */ bottom: 0px; /* 94 */ width: 100%; /* 95 */ } /* 96 */ #webdesign { /* 97 */ font-size: 11px; /* 98 */ text-align: right; /* 99 */ width: auto; /* 100 */ position: relative; /* footer.css */ /* 101 */ margin-right: auto; /* 102 */ margin-left: auto; /* 103 */ padding-right: 25px; /* 104 */ padding-bottom: 10px; /* 105 */ display: none; /* 106 */ } /* 107 */ #webdesign a { /* 108 */ text-decoration: none; /* 109 */ color: var(--oker-2); /* 110 */ } /* 111 */ @media only screen and (min-width: 665px) { /* 112 */ #webdesign { /* 113 */ text-align: right; /* 114 */ padding-right: 20px; /* 115 */ display: inherit; /* 116 */ } /* 117 */ } /* 118 */ /* /* 119 *| disclaimer /* 120 *| */ /* 121 */ #container-disclaimer { /* 122 */ position: absolute; /* 123 */ bottom: 10px; /* 124 */ width: 100%; /* 125 */ z-index: 90; /* 126 */ } /* 127 */ #disclaimer { /* 128 */ font-size: 12px; /* 129 */ text-align: left; /* 130 */ position: relative; /* 131 */ padding-left: 25px; /* 132 */ color: #777; /* 133 */ } /* 134 */ #disclaimer a { /* 135 */ text-decoration: none; /* 136 */ color: var(--oker-2); /* 137 */ padding-right: 15px; /* 138 */ } /* 139 */ #webdesign a:hover, #disclaimer a:hover { /* 140 */ color: #fff; /* 141 */ text-decoration: underline; /* 142 */ } /* 143 */ #disclaimer span { /* 144 */ padding-right: 15px; /* 145 */ display: inline-block; /* 146 */ } /* 147 */ @media only screen and (min-width: 700px) { /* 148 */ #container-disclaimer { /* 149 */ width: 70%; /* 150 */ } /* footer.css */ /* 151 */ } /* 152 */ /* scroll up button */ /* 153 */ .knop-scroll-up { /* 154 */ height: 46px; /* 155 */ width: 46px; /* 156 */ position: fixed; /* 157 */ bottom: -50px; /* 158 */ right: 35px; /* 159 */ box-shadow: none; /* 160 */ overflow: hidden; /* 161 */ white-space: nowrap; /* 162 */ -webkit-transition: bottom 1s ease; /* 163 */ -moz-transition: bottom 1s ease; /* 164 */ -o-transition: bottom 1s ease; /* 165 */ z-index: 35; /* 166 */ border-radius: 50%; /* 167 */ background-color: var(--grijs-8); /* 168 */ } /* 169 */ .knop-scroll-up:after { /* 170 */ font-family: "kelvin-degree"; /* 171 */ content: "\72"; /* 172 */ font-size: 18px; /* 173 */ line-height: 43px; /* 174 */ text-align: center; /* 175 */ display: block; /* 176 */ height: 46px; /* 177 */ width: 46px; /* 178 */ position: absolute; /* 179 */ color: var(--wit); /* 180 */ } /* 181 */ .knop-scroll-up:hover { /* 182 */ background-color: var(--grijs-6); /* 183 */ cursor: pointer; /* 184 */ } /* 185 */ @media only screen and (min-width: 768px) { /* 186 */ .knop-scroll-up { /* 187 */ right: 45px; /* 188 */ } /* 189 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* contact.css */ /* 1 */ .kolom-content.contact { /* 2 */ max-width: 800px; /* 3 */ } /* 4 */ .kolom-content.contact .kolom-links { /* 5 */ width: 40%; /* 6 */ float: left; /* 7 */ padding-top: 30px; /* 8 */ } /* 9 */ .kolom-content.contact .kolom-links img { /* 10 */ border-radius: 20px; /* 11 */ overflow: hidden; /* 12 */ } /* 13 */ .kolom-content.contact .kolom-links .image:before{ /* 14 */ padding-top: 140%; /* 15 */ } /* 16 */ .kolom-content.contact .kolom-rechts { /* 17 */ width: 50%; /* 18 */ float: right; /* 19 */ padding-top: 50px; /* 20 */ font-size: 82%; /* 21 */ line-height: 1.5; /* 22 */ } /* 23 */ .openingstijden { /* 24 */ padding-top: 20px; /* 25 */ } /* 26 */ /* 27 */ /* 3d foto */ /* 28 */ .interieur-360-graden { /* 29 */ position: relative; /* 30 */ margin: 50px 0; /* 31 */ aspect-ratio: 6 /4; /* 32 */ border-radius: 20px; /* 33 */ overflow: hidden; /* 34 */ } /* 35 */ .embed-container { /* 36 */ position: absolute; /* 37 */ top: 0; /* 38 */ left: 0; /* 39 */ bottom: 0; /* 40 */ right: 0; /* 41 */ z-index: 2; /* 42 */ } /* 43 */ /* 44 */ .embed-container iframe { /* 45 */ width: 100%; /* 46 */ height: 100%; /* 47 */ object-fit: cover; /* 48 */ overflow: hidden; /* 49 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css/stationary */ /* zoeken.css */ /* 1 */ /* RESET */ /* 2 */ .container-zoeken form { /* 3 */ padding: 0px; /* 4 */ } /* 5 */ .container-zoeken input, /* 6 */ .container-zoeken input:focus { /* 7 */ border-radius: 0; /* 8 */ padding: 0; /* 9 */ } /* 10 */ /* indien actief */ /* 11 */ .container-zoeken input:focus { /* 12 */ border: 0px solid rgb(92, 158, 205); /* 13 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 0px; /* 14 */ } /* 15 */ /* zoekveld kolommen */ /* 16 */ .container-zoeken { /* 17 */ position: absolute; /* 18 */ top: 54px; /* 19 */ right: 50px; /* 20 */ width: 50px; /* 21 */ height: 50px; /* 22 */ z-index: 70; /* 23 */ background-color: #fff; /* 24 */ background-color: transparent; /* 25 */ } /* 26 */ header.small .container-zoeken { /* 27 */ top: 5px; /* 28 */ } /* 29 */ header.small .container-zoeken.search-active { /* 30 */ top: 34px; /* 31 */ } /* 32 */ @media only screen and (min-width: 768px) { /* 33 */ .container-zoeken { /* 34 */ top: 5px; /* 35 */ } /* 36 */ } /* 37 */ @media only screen and (min-width: 1280px) { /* 38 */ .container-zoeken { /* 39 */ top: 40px; /* 40 */ right: 26px; /* 41 */ } /* 42 */ header.small .container-zoeken { /* 43 */ right: 86px; /* 44 */ } /* 45 */ } /* 46 */ @media only screen and (min-width: 1440px) { /* 47 */ .container-zoeken { /* 48 */ top: 5px; /* 49 */ right: 100px; /* 50 */ } /* zoeken.css */ /* 51 */ header.small .container-zoeken { /* 52 */ right: 100px; /* 53 */ } /* 54 */ } /* 55 */ /* 56 */ .zoekpagina-header { /* 57 */ width: 100%; /* 58 */ } /* 59 */ /* 60 */ /* LOEP / SUBMIT */ /* 61 */ .container-zoeken .kolom-submit { /* 62 */ position: absolute; /* 63 */ width: 50px; /* 64 */ right: 0px; /* 65 */ z-index: 5; /* 66 */ border-radius: 0 25px 25px 0; /* 67 */ } /* 68 */ .container-zoeken .submit { /* 69 */ height: 50px; /* 70 */ width: 50px; /* 71 */ display: inline-block; /* 72 */ text-align: center; /* 73 */ text-decoration: none; /* 74 */ color: var(--primary); /* 75 */ background-color: transparent; /* 76 */ opacity: 1 !important; /* 77 */ border: 0px solid #cecece; /* 78 */ font-family: "kelvin-degree"; /* 79 */ font-size: 30px; /* 80 */ line-height: 40px; /* 81 */ margin-bottom: 0px; /* 82 */ padding: 0; /* 83 */ border-radius: 0 25px 25px 0; /* 84 */ } /* 85 */ /* 86 */ .container-zoeken .submit:hover { /* 87 */ cursor: pointer; /* 88 */ border: 0px; /* 89 */ } /* 90 */ /* kleur op homepage */ /* 91 */ body.index .container-zoeken .submit { /* 92 */ color: var(--wit); /* 93 */ } /* 94 */ body.index .container-zoeken.search-active .submit { /* 95 */ color: var(--primary); /* 96 */ } /* 97 */ body.index header.small .container-zoeken .submit { /* 98 */ color: var(--primary); /* 99 */ } /* 100 */ /* zoeken.css */ /* 101 */ /* 102 */ /* TEKSTVELD */ /* 103 */ .container-zoeken .kolom-tekstveld { /* 104 */ position: relative; /* 105 */ overflow: hidden; /* 106 */ width: 50px; /* 107 */ width: -moz-calc(100% - 30px); /* Firefox */ /* breedte knop + afstand rechts */ /* 108 */ width: -webkit-calc(100% - 30px); /* WebKit */ /* 109 */ width: calc(100% - 30px); /* Standard */ /* 110 */ width: 100%; /* 111 */ z-index: 7; /* 112 */ opacity: 0; /* 113 */ border-radius: 25px 0 0 25px; /* 114 */ } /* 115 */ .container-zoeken input.text { /* 116 */ font-size: 16px; /* 117 */ width: 100%; /* 118 */ margin-left: 0px; /* 119 */ height: 50px; /* 120 */ display: block; /* 121 */ margin-top: 0; /* 122 */ margin-bottom: 0px; /* 123 */ border: 0px; /* 124 */ border-bottom: 0px solid #000; /* 125 */ box-sizing: border-box; /* 126 */ background-color: transparent; /* 127 */ } /* 128 */ .container-zoeken input.text:hover { /* 129 */ cursor: pointer; /* 130 */ } /* 131 */ /* 132 */ /* ZOEKVELD AKTIEF */ /* 133 */ .container-zoeken.search-active, /* 134 */ .container-zoeken.has-value { /* 135 */ width: -moz-calc(100% - 70px); /* Firefox */ /* breedte knop + afstand rechts */ /* 136 */ width: -webkit-calc(100% - 70px); /* WebKit */ /* 137 */ width: calc(100% - 70px); /* Standard */ /* 138 */ } /* 139 */ .container-zoeken.search-active { /* 140 */ right: 35px; /* 141 */ z-index: 999999; /* 142 */ } /* 143 */ .container-zoeken.search-active .kolom-submit { /* 144 */ background-color: #fff; /* 145 */ } /* 146 */ .container-zoeken.search-active .kolom-tekstveld { /* 147 */ z-index: 3; /* 148 */ opacity: 1; /* 149 */ width: -moz-calc(100% - 50px); /* Firefox */ /* breedte knop + afstand rechts */ /* 150 */ width: -webkit-calc(100% - 50px); /* WebKit */ /* zoeken.css */ /* 151 */ width: calc(100% - 50px); /* Standard */ /* 152 */ background-color: #fff; /* 153 */ } /* 154 */ .container-zoeken.search-active input.text { /* 155 */ border-bottom: 1px solid #999; /* 156 */ border-bottom: 0px solid #999; /* 157 */ margin-left: 25px; /* 158 */ } /* 159 */ .container-zoeken.search-active input.text:hover { /* 160 */ cursor: inherit; /* 161 */ } /* 162 */ /* 163 */ @media only screen and (min-width: 768px) { /* 164 */ .container-zoeken.search-active, /* 165 */ .container-zoeken.has-value { /* 166 */ width: 500px; /* 167 */ top: 27px; /* 168 */ } /* 169 */ } /* 170 */ /* 171 */ .container-zoeken.has-value .kolom-tekstveld { /* 172 */ opacity: 1; /* 173 */ } /* 174 */ /* 175 */ /* PLACEHOLDER */ /* 176 */ .container-zoeken form .formerize-placeholder { /* 177 */ color: #222; /* 178 */ } /* 179 */ /* 180 */ .container-zoeken form ::-webkit-input-placeholder { /* 181 */ opacity: 0 !important; /* 182 */ } /* 183 */ /* 184 */ .container-zoeken form :-moz-placeholder { /* Firefox 18- */ /* 185 */ opacity: 0 !important; /* 186 */ } /* 187 */ /* 188 */ .container-zoeken form ::-moz-placeholder { /* Firefox 19+ */ /* 189 */ opacity: 0 !important; /* 190 */ } /* 191 */ /* 192 */ .container-zoeken form :-ms-input-placeholder { /* 193 */ opacity: 0 !important; /* 194 */ } /* 195 */ /* 196 */ /* zoeken aktief */ /* 197 */ .container-zoeken.search-active form ::-webkit-input-placeholder { /* 198 */ color: #222; /* 199 */ opacity: 1 !important; /* 200 */ } /* zoeken.css */ /* 201 */ /* 202 */ .container-zoeken.search-active form :-moz-placeholder { /* Firefox 18- */ /* 203 */ color: #222; /* 204 */ opacity: 1 !important; /* 205 */ } /* 206 */ /* 207 */ .container-zoeken.search-active form ::-moz-placeholder { /* Firefox 19+ */ /* 208 */ color: #222; /* 209 */ opacity: 1 !important; /* 210 */ } /* 211 */ /* 212 */ .container-zoeken.search-active form :-ms-input-placeholder { /* 213 */ color: #222; /* 214 */ opacity: 1 !important; /* 215 */ } /* 216 */ /* 217 */ /* ZOEKRESULTATEN */ /* 218 */ .container-zoekresultaat { /* 219 */ padding-bottom: 20px; /* 220 */ margin-bottom: 20px; /* 221 */ position: relative; /* 222 */ border-bottom: 1px dashed #5C5757; /* 223 */ } /* 224 */ /* 225 */ .kolom-img { /* 226 */ width: 30%; /* 227 */ max-width: 100px; /* 228 */ float: left; /* 229 */ margin-right: 20px; /* 230 */ margin-top: 5px; /* 231 */ border-radius: 23px; /* 232 */ overflow: hidden; /* 233 */ } /* 234 */ .kolom-txt { /* 235 */ overflow:hidden; /* 236 */ overflow-y :auto; /* 237 */ } /* 238 */ @media only screen and (min-width: 768px) { /* 239 */ .kolom-img { /* 240 */ max-width: 200px; /* 241 */ margin-right: 40px; /* 242 */ } /* 243 */ } /* 244 */ .container-zoekresultaat h2 a { /* 245 */ text-decoration: none; /* 246 */ } /* 247 */ /* /* 248 *| .container-zoekresultaat img { /* 249 *| float: left; /* 250 *| width: 20%; /* zoeken.css *| /* 251 *| margin-bottom: 9px; /* 252 *| margin-right: 25px; /* 253 *| margin-top: 5px; /* 254 *| } /* 255 *| */ /* 256 */ h3.zoekresultaat { /* 257 */ padding-bottom: 20px; /* 258 */ } /* 259 */ .gevonden { /* 260 */ color: var(--blauw); /* 261 */ } /* 262 */ /* 263 */ .gevonden img { /* 264 */ border: 3px solid #00B8F1; /* 265 */ border-color: var(--blauw); /* 266 */ } /* 267 */ /* 268 */ /* suggesties */ /* 269 */ .autocomplete-suggestions { /* 270 */ font-size: 16px; /* 271 */ padding-top: 20px; /* 272 */ padding-bottom: 15px; /* 273 */ background-color: #fff; /* 274 */ -moz-box-shadow: 0px 2px 4px #333; /* 275 */ -webkit-box-shadow: 0px 2px 4px #333; /* 276 */ box-shadow: 0px 2px 4px #333; /* 277 */ overflow-y: auto; /* 278 */ border-radius: 0 0 10px 10px; /* 279 */ } /* 280 */ /* 281 */ .autocomplete-group, .autocomplete-suggestion { /* 282 */ padding-bottom: 10px; /* 283 */ padding-left: 20px; /* 284 */ padding-right: 20px; /* 285 */ } /* 286 */ /* 287 */ .autocomplete-group { /* 288 */ font-weight: 700; /* 289 */ font-style: italic; /* 290 */ text-transform: capitalize; /* 291 */ } /* 292 */ /* 293 */ .autocomplete-suggestion:hover { /* 294 */ color: var(--blauw-1); /* 295 */ cursor: pointer; /* 296 */ } /* 297 */ /* 298 */ /* AFDEK FOND */ /* 299 */ .container-zoeken form { /* 300 */ position: relative; /* zoeken.css */ /* 301 */ z-index: 12; /* 302 */ } /* 303 */ .container-zoeken .fond { /* 304 */ position: absolute; /* 305 */ top: 20px; /* 306 */ right: -20px; /* 307 */ width: 150px; /* 308 */ height: 150px; /* 309 */ z-index: 1; /* 310 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* grid-basic.css */ /* 1 */ /* ALGEMEEN */ /* 2 */ .container-items .grid__item { /* 3 */ position: relative; /* 4 */ } /* 5 */ .container-items.main .grid__item:nth-child(even) .txt { /* 6 */ text-align: right; /* 7 */ } /* 8 */ /* 9 */ /****************************/ /* 10 */ /* MAIN */ /* 11 */ .container-items.main .grid__item { /* 12 */ } /* 13 */ .container-items.main .grid__item:nth-child(even) { /* 14 */ flex-direction: row-reverse; /* volgorder van de items omkeren */ /* 15 */ } /* 16 */ .container-items.main .grid__item:nth-child(even) ul { /* 17 */ text-align: right; /* 18 */ list-style-position: inside; /* 19 */ } /* 20 */ .container-items.main .grid__item .kolom-image { /* 21 */ position: relative; /* 22 */ border-radius: 20px; /* 23 */ overflow: hidden; /* 24 */ width: 48%; /* 25 */ width: 38%; /* 26 */ margin-right: 2%; /* 27 */ } /* 28 */ /* 29 */ .container-items.main .grid__item .txt { /* 30 */ width: 48%; /* 31 */ width: 58%; /* 32 */ padding-left: 2%; /* 33 */ padding-top: 20px; /* 34 */ padding-bottom: 10px; /* 35 */ align-items: flex-start; /* 36 */ } /* 37 */ .container-items.main .grid__item:nth-child(even) .kolom-image { /* 38 */ margin-left: 2%; /* 39 */ margin-right: 0%; /* 40 */ } /* 41 */ .container-items.main .grid__item:nth-child(even) .txt { /* 42 */ padding-right: 2%; /* 43 */ padding-left: 0%; /* 44 */ align-items: flex-end; /* 45 */ } /* 46 */ /* knop */ /* 47 */ .container-items.main .container-button { /* 48 */ width: 100%; /* 49 */ padding-top: 30px; /* 50 */ padding-bottom: 30px; /* grid-basic.css */ /* 51 */ } /* 52 */ @media only screen and (max-width: 767px) { /* 53 */ .container-items.main .grid__item .txt button { /* 54 */ display: none; /* 55 */ margin-top: 10px /* 56 */ } /* 57 */ } /* 58 */ @media only screen and (min-width: 768px) { /* 59 */ .container-items.main .grid__item .kolom-image { /* 60 */ width: 48%; /* 61 */ } /* 62 */ .container-items.main .grid__item .txt { /* 63 */ width: 45%; /* 64 */ padding-left: 5%; /* 65 */ padding-top: 40px; /* 66 */ padding-bottom: 30px; /* 67 */ } /* 68 */ .container-items.main .grid__item:nth-child(even) .txt { /* 69 */ padding-right: 5%; /* 70 */ padding-left: 0%; /* 71 */ } /* 72 */ .container-items.main .container-button { /* 73 */ display: none; /* 74 */ } /* 75 */ } /* 76 */ @media only screen and (min-width: 1280px) { /* 77 */ .container-items.main .grid__item .txt { /* 78 */ padding-top: 80px; /* 79 */ padding-bottom: 70px; /* 80 */ } /* 81 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* grid-categorien.css */ /* 1 */ .categorien { /* 2 */ } /* 3 */ .container-items.categorien .grid__item { /* 4 */ position: relative; /* 5 */ overflow: hidden; /* 6 */ border-radius: 23px; /* 7 */ } /* 8 */ .container-items.categorien .grid__item a:after { /* 9 */ content: ""; /* 10 */ display: block; /* 11 */ padding-top: 100%; /* 12 */ } /* 13 */ .container-items.categorien .grid__item a { /* 14 */ display: flex; /* 15 */ text-decoration: none; /* 16 */ color: white; /* 17 */ } /* 18 */ .container-items.categorien .grid__item .txt { /* 19 */ margin-top: auto; /* 20 */ z-index: 3; /* 21 */ font-size: 18px; /* 22 */ line-height: 22px; /* 23 */ padding: 20px; /* 24 */ font-weight: 500; /* 25 */ } /* 26 */ .container-items.categorien .grid__item .fond { /* 27 */ position: absolute; /* 28 */ top: 50%; /* 29 */ left: 0; /* 30 */ bottom: 0; /* 31 */ right: 0; /* 32 */ z-index: 2; /* 33 */ background: rgb(0,0,0); /* 34 */ background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* 35 */ background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* 36 */ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* 37 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); /* 38 */ } /* 39 */ .container-items.categorien .grid__item .img-container { /* 40 */ z-index: 1; /* 41 */ transition: all 0.5s ease-in-out; /* 42 */ -webkit-transition: all 0.5s ease-in-out; /* 43 */ -moz-transition: all 0.5s ease-in-out; /* 44 */ } /* 45 */ .container-items.categorien .grid__item:hover .fond { /* 46 */ background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* 47 */ background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* 48 */ background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* 49 */ } /* 50 */ .container-items.categorien .grid__item a:hover .img-container { /* grid-categorien.css */ /* 51 */ -moz-transform: scale(1.1); /* 52 */ -webkit-transform: scale(1.1); /* 53 */ transform: scale(1.1); /* 54 */ } /* 55 */ @media only screen and (min-width: 1024px) { /* 56 */ .container-items.categorien .grid__item .txt { /* 57 */ font-size: 24px; /* 58 */ line-height: 26px; /* 59 */ padding: 30px; /* 60 */ } /* 61 */ } /* 62 */ /* 63 */ /* LINKS NAAR ANDERE CATEGORIEN */ /* 64 */ main section.andere-categorien { /* 65 */ } /* 66 */ main section.andere-categorien h2 { /* 67 */ padding-bottom: 0; /* 68 */ padding-top: 40px; /* 69 */ } /* 70 */ main section.andere-categorien .container-items.categorien .grid__item .txt { /* 71 */ font-size: 14px; /* 72 */ line-height: 18px; /* 73 */ padding: 15px; /* 74 */ } /* 75 */ @media only screen and (min-width: 768px) { /* 76 */ main section.andere-categorien .container-items.categorien .grid__item .txt { /* 77 */ font-size: 18px; /* 78 */ line-height: 22px; /* 79 */ padding: 20px; /* 80 */ } /* 81 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* grid-categorie.css */ /* 1 */ /* GRID */ /* 2 */ .container-items { /* 3 */ padding-top: 20px; /* 4 */ } /* 5 */ .container-items.categorie .grid__item { /* 6 */ display: flex; /* 7 */ position: relative; /* 8 */ background-color: #c4c1bb; /* 9 */ background-color: var(--wit); /* 10 */ border-radius: 23px; /* 11 */ } /* 12 */ /* 13 */ .container-items.categorie .grid__item img { /* 14 */ transition: all 0.3s ease-in-out; /* 15 */ -webkit-transition: all 0.3s ease-in-out; /* 16 */ -moz-transition: all 0.3s ease-in-out; /* 17 */ } /* 18 */ /* 19 */ .container-items.categorie .grid__item a { /* 20 */ text-decoration: none; /* 21 */ display: flex; /* 22 */ flex-direction: column; /* 23 */ flex: 1; /* 24 */ } /* 25 */ /* 26 */ .container-items.categorie .grid__item a:hover img { /* 27 */ -moz-transform: scale(1.1); /* 28 */ -webkit-transform: scale(1.1); /* 29 */ transform: scale(1.1); /* 30 */ } /* 31 */ /* 32 */ .container-items.categorie .grid__item .image { /* 33 */ border-radius: 20px 20px 0 0; /* 34 */ overflow: hidden; /* 35 */ } /* 36 */ /* 37 */ .container-items.categorie .grid__item .txt { /* 38 */ font-weight: 500; /* 39 */ text-align: center; /* 40 */ color: #fff; /* 41 */ color: #222; /* 42 */ font-size: 14px; /* 43 */ line-height: 18px; /* 44 */ padding-top: 15px; /* 45 */ padding-left: 10px; /* 46 */ padding-right: 10px; /* 47 */ padding-bottom: 20px; /* 48 */ } /* 49 */ /* 50 */ .container-items.categorie .grid__item .prijs { /* grid-categorie.css */ /* 51 */ display: block; /* 52 */ font-weight: 700; /* 53 */ text-align: center; /* 54 */ color: #222; /* 55 */ font-size: 14px; /* 56 */ line-height: 18px; /* 57 */ padding-left: 10px; /* 58 */ padding-right: 10px; /* 59 */ padding-bottom: 20px; /* 60 */ margin-top: auto; /* 61 */ } /* 62 */ /* 63 */ @media only screen and (min-width: 768px) { /* 64 */ .container-items.categorie .grid__item .txt { /* 65 */ font-size: 16px; /* 66 */ line-height: 20px; /* 67 */ padding-top: 20px; /* 68 */ padding-left: 20px; /* 69 */ padding-right: 20px; /* 70 */ padding-bottom: 20px; /* 71 */ } /* 72 */ .container-items.categorie .grid__item .prijs { /* 73 */ font-size: 16px; /* 74 */ line-height: 20px; /* 75 */ } /* 76 */ } /* 77 */ /* 78 */ /*************************************************/ /* 79 */ /* 80 */ /* CATEGORIE ITEM */ /* 81 */ .kolom-content.categorie { /* 82 */ display: flex; /* 83 */ flex-wrap: wrap; /* 84 */ align-items: flex-start; /* 85 */ } /* 86 */ /* 87 */ .kolom-content.categorie .kolom-links { /* 88 */ position: relative; /* 89 */ margin-bottom: 30px; /* 90 */ background-color: var(--oker-0); /* 91 */ border-radius: 23px; /* 92 */ } /* 93 */ /* 94 */ .kolom-content.categorie .kolom-links img { /* 95 */ display: block; /* 96 */ max-height: 100%; /* 97 */ max-width: 100%; /* 98 */ box-sizing: border-box; /* 99 */ } /* 100 */ /* grid-categorie.css */ /* 101 */ /* 102 */ .kolom-content.categorie .kolom-links a:hover { /* 103 */ cursor: zoom-in; /* 104 */ } /* 105 */ /* 106 */ @media only screen and (min-width: 1024px) { /* 107 */ .kolom-content.categorie .kolom-links { /* 108 */ flex: 1; /* 109 */ min-width: 0; /* 110 */ display: flex; /* 111 */ align-items: center; /* 112 */ justify-content: center; /* 113 */ padding: 20px; /* 114 */ margin-bottom: 0px; /* 115 */ } /* 116 */ /* 117 */ .kolom-content.categorie .kolom-links a { /* 118 */ display: block; /* 119 */ max-height: calc(80vh - 130px); /* 120 */ } /* 121 */ /* 122 */ .kolom-content.categorie .kolom-links picture, /* 123 */ .kolom-content.categorie .kolom-links img { /* 124 */ max-height: calc(80vh - 130px); /* 125 */ width: auto; /* 126 */ height: auto; /* 127 */ display: block; /* 128 */ } /* 129 */ /* 130 */ .kolom-content.categorie .kolom-rechts { /* 131 */ flex: unset; /* 132 */ width: 300px; /* 133 */ width: 480px; /* 134 */ padding-top: 30px; /* 135 */ padding-left: 30px; /* 136 */ padding-right: 0; /* 137 */ } /* 138 */ /* 139 */ .fancybox-caption { /* 140 */ display: none; /* 141 */ } /* 142 */ /* 143 */ } /* 144 */ /* 145 */ .kolom-content.categorie .kolom-rechts h1 { /* 146 */ text-align: left; /* 147 */ padding: 0; /* 148 */ font-size: 22px; /* 149 */ line-height: 26px; /* 150 */ width: 100%; /* grid-categorie.css */ /* 151 */ } /* 152 */ .kolom-content.categorie .kolom-rechts p, /* 153 */ .kolom-content.categorie .kolom-rechts ul { /* 154 */ font-size: 15px; /* 155 */ line-height: 22px; /* 156 */ font-weight: 400; /* 157 */ } /* 158 */ .kolom-content.categorie .kolom-rechts p span { /* 159 */ display: block; /* 160 */ font-weight: 700; /* 161 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* grid-nieuws.css */ /* 1 */ .container-items.nieuws .grid__item { /* 2 */ position: relative; /* 3 */ } /* 4 */ /* 5 */ .container-items.nieuws .grid__item .image { /* 6 */ border-radius: 23px; /* 7 */ overflow: hidden; /* 8 */ margin-bottom: 20px; /* 9 */ } /* 10 */ /* 11 */ .container-items.nieuws .grid__item .txt h2 { /* 12 */ text-align: left; /* 13 */ font-size: 18px; /* 14 */ line-height: 22px; /* 15 */ margin-bottom: 10px; /* 16 */ padding: 0; /* 17 */ } /* 18 */ /* 19 */ .container-items.nieuws .grid__item .txt { /* 20 */ font-size: 13px; /* 21 */ line-height: 20px; /* 22 */ font-weight: 400; /* 23 */ margin-bottom: 30px; /* 24 */ } /* 25 */ .container-items.nieuws .grid__item .txt .limit-words { /* 26 */ margin-bottom: 20px; /* 27 */ } /* 28 */ /* 29 */ @media only screen and (min-width: 768px) { /* 30 */ .container-items.nieuws .grid__item { /* 31 */ display: flex; /* 32 */ align-items:flex-start; /* 33 */ grid-column-gap: 6%; /* 34 */ } /* 35 */ /* 36 */ .container-items.nieuws .grid__item .image { /* 37 */ width: 27%; /* 38 */ } /* 39 */ /* 40 */ .container-items.nieuws .grid__item .txt { /* 41 */ width: 67%; /* 42 */ padding-top: 20px; /* 43 */ } /* 44 */ /* 45 */ } /* 46 */ /* 47 */ @media only screen and (min-width: 1024px) { /* 48 */ .container-items.nieuws .grid__item .txt h2 { /* 49 */ font-size: 24px; /* 50 */ line-height: 24px; /* grid-nieuws.css */ /* 51 */ margin-bottom: 10px; /* 52 */ } /* 53 */ /* 54 */ .container-items.nieuws .grid__item .txt { /* 55 */ font-size: 16px; /* 56 */ line-height: 24px; /* 57 */ } /* 58 */ /* 59 */ } /* 60 */ /* 61 */ @media only screen and (min-width: 1440px) { /* 62 */ .container-items.nieuws .grid__item .image { /* 63 */ width: 37%; /* 64 */ } /* 65 */ /* 66 */ .container-items.nieuws .grid__item .txt { /* 67 */ width: 57%; /* 68 */ } /* 69 */ /* 70 */ } /* 71 */ /* 72 */ /* NIEUWS ITEM */ /* 73 */ .kolom-content.nieuws .kolom-links { /* 74 */ position: relative; /* 75 */ margin-bottom: 30px; /* 76 */ } /* 77 */ .kolom-content.nieuws .kolom-links img { /* 78 */ border-radius: 23px; /* 79 */ overflow: hidden; /* 80 */ } /* 81 */ .kolom-content.nieuws .kolom-rechts { /* 82 */ padding-top: 20px; /* 83 */ } /* 84 */ .kolom-content.nieuws .kolom-rechts h1 { /* 85 */ padding: 0; /* 86 */ font-size: 22px; /* 87 */ line-height: 26px; /* 88 */ margin-bottom: 10px; /* 89 */ } /* 90 */ .kolom-content.nieuws .kolom-rechts span.title { /* 91 */ display: block; /* 92 */ font-size: 14px; /* 93 */ font-weight: 600; /* 94 */ letter-spacing: 2px; /* 95 */ text-transform: uppercase; /* 96 */ margin-bottom: 30px; /* 97 */ color: var(--oker-5); /* 98 */ } /* 99 */ @media only screen and (min-width: 1024px) { /* 100 */ .kolom-content.nieuws .kolom-links { /* grid-nieuws.css */ /* 101 */ width: 47%; /* 102 */ margin: 0; /* 103 */ margin-bottom: 30px; /* 104 */ float: left; /* 105 */ } /* 106 */ .kolom-content.nieuws .kolom-rechts { /* 107 */ width: 47%; /* 108 */ padding-left: 0; /* 109 */ padding-right: 0; /* 110 */ float: right; /* 111 */ } /* 112 */ .kolom-content.nieuws .kolom-rechts h1 { /* 113 */ font-size: 26px; /* 114 */ line-height: 28px; /* 115 */ } /* 116 */ .kolom-content.nieuws .kolom-rechts p { /* 117 */ font-size: 18px; /* 118 */ line-height: 26px; /* 119 */ } /* 120 */ .kolom-content.nieuws .kolom-rechts span.title { /* 121 */ margin-bottom: 0px; /* 122 */ } /* 123 */ } /* 124 */ /* 125 */ /* EXTRA IMAGES */ /* 126 */ .container-images { /* 127 */ margin: -10px; /* 128 */ margin-top: 20px; /* 129 */ } /* 130 */ .container-images .image { /* 131 */ width: -moz-calc(50% - 20px); /* Firefox */ /* 132 */ width: calc(50% - 20px); /* Standard */ /* 133 */ margin: 10px; /* 134 */ float: left; /* 135 */ } /* 136 */ .container-images .image img { /* 137 */ border-radius: 23px; /* 138 */ } /* 139 */ @media only screen and (min-width: 768px) { /* 140 */ .container-images .image { /* 141 */ width: -moz-calc(25% - 20px); /* Firefox */ /* 142 */ width: calc(25% - 20px); /* Standard */ /* 143 */ } /* 144 */ } /* 145 */ @media only screen and (min-width: 1600px) { /* 146 */ .container-images .image { /* 147 */ width: -moz-calc(20% - 20px); /* Firefox */ /* 148 */ width: calc(20% - 20px); /* Standard */ /* 149 */ } /* 150 */ } /* grid-nieuws.css */ /* 151 */ /* 152 */ /* MEER NIEUWS */ /* 153 */ .container-meer-nieuws { /* 154 */ position: relative; /* 155 */ width: 90%; /* 156 */ margin-left: auto; /* 157 */ margin-right: auto; /* 158 */ padding-top: 50px; /* 159 */ } /* 160 */ .container-meer-nieuws h2 { /* 161 */ font-size: 22px; /* 162 */ line-height: 26px; /* 163 */ margin-bottom: 30px; /* 164 */ text-align: center; /* 165 */ } /* 166 */ /* 167 */ /* VIDEO */ /* 168 */ .container-video-nieuws { /* 169 */ position: relative; /* 170 */ border-radius: 23px; /* 171 */ overflow: hidden; /* 172 */ } /* 173 */ video { /* 174 */ position: relative; /* 175 */ width: 100%; /* 176 */ height: auto; /* 177 */ display:block; /* 178 */ } /* 179 */ .knop-audio { /* 180 */ position: absolute; /* 181 */ top: 20px; /* 182 */ right: 20px; /* 183 */ height: 50px; /* 184 */ width: 50px; /* 185 */ background-color: #F93; /* 186 */ background-color: rgba(0,0,0,0.5); /* 187 */ border-radius: 10px; /* 188 */ display: block; /* 189 */ z-index: 4; /* 190 */ } /* 191 */ .knop-audio:hover { /* 192 */ cursor: pointer; /* 193 */ } /* 194 */ .knop-audio .icon-audio-off { /* 195 */ display: none; /* 196 */ } /* 197 */ .knop-audio.audio-on .icon-audio-off { /* 198 */ display: inherit; /* 199 */ } /* 200 */ .knop-audio.audio-on .icon-audio-on { /* grid-nieuws.css */ /* 201 */ display: none; /* 202 */ } /* 203 */ /* 204 */ .knop-audio .icon { /* 205 */ padding: 10px; /* 206 */ width: 30px; /* 207 */ height: 30px; /* 208 */ fill: white; /* 209 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* grid-materialen.css */ /* 1 */ .container-items.main.materialen .grid__item .kolom-image { /* 2 */ width: 28%; /* 3 */ } /* 4 */ /* 5 */ .container-items.main.materialen .grid__item .txt { /* 6 */ width: 68%; /* 7 */ } /* 8 */ /* 9 */ @media only screen and (min-width: 768px) { /* 10 */ .container-items.main.materialen .grid__item .txt { /* 11 */ width: 65%; /* 12 */ } /* 13 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* home-header-image.css */ /* 1 */ .container-home-header-image { /* 2 */ position: relative; /* 3 */ height: 80vh; /* 4 */ overflow: hidden; /* 5 */ } /* 6 */ .balk-afdek { /* 7 */ position: absolute; /* 8 */ left: 0; /* 9 */ right: 0; /* 10 */ top: 0; /* 11 */ bottom: 0; /* 12 */ background-color: white; /* 13 */ background-color: var(--oker-1); /* 14 */ z-index: 5; /* 15 */ } /* 16 */ /* 17 */ .balk-afdek.left, /* 18 */ .balk-afdek.right { /* 19 */ width: 50%; /* 20 */ height: 100%; /* 21 */ } /* 22 */ /* 23 */ .balk-afdek.top, /* 24 */ .balk-afdek.bottom { /* 25 */ width: 100%; /* 26 */ height: 50%; /* 27 */ } /* 28 */ /* 29 */ .balk-afdek.left { /* 30 */ right: auto; /* 31 */ } /* 32 */ .balk-afdek.right { /* 33 */ left: auto; /* 34 */ } /* 35 */ .balk-afdek.top { /* 36 */ bottom: auto; /* 37 */ } /* 38 */ .balk-afdek.bottom { /* 39 */ top: auto; /* 40 */ } /* 41 */ img.zoom-in { /* 42 */ width: 0%; /* 43 */ } /* 44 */ /* 45 */ .zoom-in-horizontaal, /* 46 */ .zoom-in-vertikaal { /* 47 */ -moz-animation-name: zoomInHorizontaal; /* 48 */ -moz-animation-iteration-count: 1; /* 49 */ -moz-animation-timing-function: ease-out; /* 50 */ -moz-animation-duration: 1.5s; /* home-header-image.css */ /* 51 */ -moz-animation-delay: 0.3s; /* 52 */ -moz-animation-fill-mode: forwards; /* 53 */ /* 54 */ -webkit-animation-name: zoomInHorizontaal; /* 55 */ -webkit-animation-iteration-count: 1; /* 56 */ -webkit-animation-timing-function: ease-out; /* 57 */ -webkit-animation-duration: 1.5s; /* 58 */ -webkit-animation-delay: 0.3s; /* 59 */ -webkit-animation-fill-mode: forwards; /* 60 */ /* 61 */ animation-name: zoomInHorizontaal; /* 62 */ animation-iteration-count: 1; /* 63 */ animation-timing-function: ease-out; /* 64 */ animation-duration: 1.5s; /* 65 */ animation-delay: 0.3s; /* 66 */ animation-fill-mode: forwards; /* 67 */ } /* 68 */ @-moz-keyframes zoomInHorizontaal { /* 69 */ from { /* 70 */ width: 50%; /* 71 */ } /* 72 */ to { /* 73 */ width: 0%; /* 74 */ } /* 75 */ } /* 76 */ @-webkit-keyframes zoomInHorizontaal { /* 77 */ from { /* 78 */ width: 50%; /* 79 */ } /* 80 */ to { /* 81 */ width: 0%; /* 82 */ } /* 83 */ } /* 84 */ @keyframes zoomInHorizontaal { /* 85 */ from { /* 86 */ width: 50%; /* 87 */ } /* 88 */ to { /* 89 */ width: 0%; /* 90 */ } /* 91 */ } /* 92 */ /* 93 */ /* 94 */ .zoom-in-vertikaal { /* 95 */ -moz-animation-name: zoomInVertikaal; /* 96 */ -webkit-animation-name: zoomInVertikaal; /* 97 */ animation-name: zoomInVertikaal; /* 98 */ } /* 99 */ /* 100 */ /* home-header-image.css */ /* 101 */ @-moz-keyframes zoomInVertikaal { /* 102 */ from { /* 103 */ height: 50%; /* 104 */ } /* 105 */ to { /* 106 */ height: 0%; /* 107 */ } /* 108 */ } /* 109 */ @-webkit-keyframes zoomInVertikaal { /* 110 */ from { /* 111 */ height: 50%; /* 112 */ } /* 113 */ to { /* 114 */ height: 0%; /* 115 */ } /* 116 */ } /* 117 */ @keyframes zoomInVertikaal { /* 118 */ from { /* 119 */ height: 50%; /* 120 */ } /* 121 */ to { /* 122 */ height: 0%; /* 123 */ } /* 124 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* cookiebar.css */ /* 1 */ @charset "utf-8"; /* 2 */ .container-cookie-melding { /* 3 */ min-height: 10px; /* 4 */ background-color: #FFF; /* 5 */ position: relative; /* 6 */ position: fixed; /* 7 */ z-index: 999999; /* 8 */ top: -900px; /* 9 */ width: -moz-calc(90% - 60px); /* Firefox */ /* 10 */ width: -webkit-calc(90% - 60px); /* WebKit */ /* 11 */ width: -o-calc(90% - 60px); /* Opera */ /* 12 */ width: calc(90% - 60px); /* Standard */ /* 13 */ max-width: 400px; /* 14 */ padding: 30px; /* 15 */ margin-left: 5%; /* 16 */ margin-top: -150px; /* 17 */ -moz-box-shadow: 0px 0px 12px #666; /* 18 */ -webkit-box-shadow: 0px 0px 12px #666; /* 19 */ box-shadow: 0px 0px 12px #666; /* 20 */ -webkit-box-sizing: content-box; /* 21 */ -moz-box-sizing: content-box; /* 22 */ box-sizing: content-box; /* 23 */ border-radius: 20px; /* 24 */ } /* 25 */ .toon-panel { /* 26 */ top: 20px; /* 27 */ top: 50%; /* 28 */ } /* 29 */ @media only screen and (min-width: 520px) { /* 30 */ .container-cookie-melding { /* 31 */ margin-left: -230px; /* 32 */ left: 50%; /* 33 */ margin-top: -250px; /* 34 */ } /* 35 */ .toon-panel { /* 36 */ top: 50%; /* 37 */ } /* 38 */ } /* 39 */ .container-cookie-melding h2 { /* 40 */ font-size: 24px; /* 41 */ padding-bottom: 0px; /* 42 */ } /* 43 */ .container-cookie-melding p { /* 44 */ padding-bottom: 10px; /* 45 */ } /* 46 */ .container-cookie-melding p { /* 47 */ font-size: 15px; /* 48 */ line-height: 22px; /* 49 */ margin-bottom: 10px; /* 50 */ } /* cookiebar.css */ /* 51 */ .cookie-melding-fond { /* 52 */ background-color: #000; /* 53 */ position: fixed; /* 54 */ z-index: 99999; /* 55 */ height: 100%; /* 56 */ width: 100%; /* 57 */ left: 0px; /* 58 */ top: 0px; /* 59 */ right: 0px; /* 60 */ bottom: 0px; /* 61 */ opacity: 0.4; /* 62 */ display:none; /* 63 */ } /* 64 */ /* KNOP */ /* 65 */ .cookie-knop { /* 66 */ font-size: 13px; /* 67 */ /*text-transform: uppercase;*/ /* 68 */ /*letter-spacing: 1px;*/ /* 69 */ font-size: 15px; /* 70 */ line-height: 42px; /* 71 */ text-align: left; /* 72 */ font-weight: 500; /* belangrijk voor weergave op IOS */ /* 73 */ font-style:normal; /* 74 */ position: relative; /* 75 */ margin-bottom:10px; /* 76 */ margin-right: 0px; /* 77 */ margin-left: 15px; /* 78 */ margin-top: 20px; /* 79 */ display: inline-block; /* 80 */ height: 45px; /* 81 */ border-radius: 23px; /* 82 */ color: #fff; /* 83 */ text-decoration: none; /* 84 */ padding-left: 20px; /* 85 */ padding-right: 20px; /* 86 */ background-color: var(--grijs-8); /* 87 */ } /* 88 */ .cookie-knop.float-right { /* 89 */ float: right; /* 90 */ } /* 91 */ .cookie-knop:hover { /* 92 */ cursor: pointer; /* 93 */ background-color: var(--grijs-6); /* 94 */ color: #fff; /* 95 */ } /* 96 */ .txt-center { /* 97 */ text-align: center; /* 98 */ } /* 99 */ .ok, /* 100 */ .cookie-knop.ok:hover, /* cookiebar.css */ /* 101 */ .over-cookies .cookie-knop.ok:hover { /* 102 */ background-color: #3C6; /* 103 */ color: #fff; /* 104 */ } /* 105 */ .niet-ok, /* 106 */ .over-cookies .cookie-knop.niet-ok:hover { /* 107 */ background-color: #F03; /* 108 */ color: #fff; /* 109 */ } /* 110 */ hr.style-six { /* 111 */ margin-bottom: 20px; /* 112 */ border-top-width: 1px; /* 113 */ border-top-style: solid; /* 114 */ border-right-style: none; /* 115 */ border-bottom-style: none; /* 116 */ border-left-style: none; /* 117 */ border-top-color: #777; /* 118 */ border-right-width: 0px; /* 119 */ border-bottom-width: 0px; /* 120 */ border-left-width: 0px; /* 121 */ border-bottom-color: #777; /* 122 */ } /* 123 */ /* kruisje sluiten */ /* 124 */ .container-icon-sluit { /* 125 */ position: absolute; /* 126 */ height: 26px; /* 127 */ width: 26px; /* 128 */ right: 10px; /* 129 */ top: 10px; /* 130 */ background-color: #fff; /* 131 */ -moz-transition: opacity 0.3s; /* 132 */ -webkit-transition: opacity 0.3s; /* 133 */ -o-transition: opacity 0.3s; /* 134 */ opacity:0.4; /* 135 */ display: none; /* 136 */ } /* 137 */ .container-icon-sluit:hover { /* 138 */ opacity:1; /* 139 */ cursor:pointer; /* 140 */ } /* 141 */ .container-cookie-melding .streepje { /* 142 */ margin-top: 10px; /* 143 */ position: absolute; /* 144 */ background-color: #333; /* 145 */ width: 25px; /* 146 */ height: 2px; /* 147 */ top: 2px; /* 148 */ } /* 149 */ .container-cookie-melding .streepje.omlaag { /* 150 */ -webkit-transform: rotate(45deg); /* cookiebar.css */ /* 151 */ /* Chrome, Safari, Opera */ /* 152 */ transform: rotate(45deg); /* 153 */ } /* 154 */ .container-cookie-melding .streepje.omhoog { /* 155 */ -webkit-transform: rotate(-225deg); /* 156 */ /* Chrome, Safari, Opera */ /* 157 */ transform: rotate(-225deg); /* 158 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* jquery.fancybox.min.css */ /* 1 */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* 2 */ /* 3 */ /* Fancybox eigen styling */ /* 4 */ .fancybox-is-open .fancybox-bg { /* 5 */ background: #fff; /* 6 */ background-color: var(--oker-0); /* 7 */ opacity: 1; /* 8 */ } /* 9 */ /* 10 */ .fancybox-caption { /* 11 */ background: #fff; /* 12 */ background-color: var(--oker-0); /* 13 */ color: #222; /* 14 */ } /* 15 */ /* 16 */ .fancybox-progress { /* 17 */ background: #999; /* 18 */ } /* 19 */ /* 20 */ .fancybox-button { /* 21 */ background: #fff; /* 22 */ background-color: var(--oker-0); /* 23 */ } /* 24 */ /* 25 */ .fancybox-button[disabled], .fancybox-button[disabled]:hover { /* 26 */ color: #ddd; /* 27 */ } /* 28 */ /* 29 */ .fancybox-button, .fancybox-button:link, .fancybox-button:visited { /* 30 */ color: #222; /* 31 */ } /* 32 */ /* 33 */ .fancybox-button:hover, .fancybox-button:link, .fancybox-button:visited { /* 34 */ color: #222; /* 35 */ background-color: #fff; /* 36 */ background-color: var(--oker-0); /* 37 */ } /* 38 */ /* 39 */ .fancybox-content { /* 40 */ max-width: 80%; /* 41 */ } /* 42 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* scroll-trigger.css */ /* 1 */ .animate--slide-in { /* 2 */ transform: translateY(50px); /* 3 */ transform: translateY(0px); /* 4 */ transition: opacity transform; /* 5 */ transition-timing-function: ease-out; /* 6 */ transition-duration: var(--duration-5); /* 7 */ opacity: 0.1; /* 8 */ } /* 9 */ .animate--slide-in.scroll-trigger, /* 10 */ .animate--slide-in.scroll-trigger .txt.animate--slide-in { /* 11 */ transform: translateY(0px); /* 12 */ opacity: 1; /* 13 */ } /* 14 */ /* 15 */ /* 2 en 3 koloms */ /* 16 */ .columns-2 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+1), /* 17 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+1) { /* 18 */ transition-delay: var(--duration-1); /* 19 */ } /* 20 */ .columns-2 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+2), /* 21 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+2) { /* 22 */ transition-delay: var(--duration-2); /* 23 */ } /* 24 */ /* 25 */ .columns-2 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+1) .txt.animate--slide-in, /* 26 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+1) .txt.animate--slide-in { /* 27 */ transition-delay: var(--duration-2); /* 28 */ } /* 29 */ .columns-2 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+2) .txt.animate--slide-in, /* 30 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(2n+2) .txt.animate--slide-in { /* 31 */ transition-delay: var(--duration-3); /* 32 */ } /* 33 */ /* 34 */ @media only screen and (min-width: 768px) { /* 35 */ /* 3 koloms */ /* 36 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+1) { /* 37 */ transition-delay: var(--duration-1); /* 38 */ } /* 39 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+2) { /* 40 */ transition-delay: var(--duration-2); /* 41 */ } /* 42 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+3) { /* 43 */ transition-delay: var(--duration-3); /* 44 */ } /* 45 */ /* 46 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+1) .txt.animate--slide-in { /* 47 */ transition-delay: var(--duration-2); /* 48 */ } /* 49 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+2) .txt.animate--slide-in { /* 50 */ transition-delay: var(--duration-3); /* scroll-trigger.css */ /* 51 */ } /* 52 */ .columns-3 .grid__item.animate--slide-in.scroll-trigger:nth-child(3n+3) .txt.animate--slide-in { /* 53 */ transition-delay: var(--duration-4); /* 54 */ } /* 55 */ /* 56 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* webshop.css */ /* 1 */ @charset "UTF-8"; /* 2 */ /* 3 */ /* BASICS */ /* 4 */ /* /* 5 *| :root{ /* 6 *| --bg:#f7f8fb; /* 7 *| --card:#ffffff; /* 8 *| --muted:#475569; /* 9 *| --text:#0f172a; /* 10 *| --border: rgba(15,23,42,0.15); /* 11 *| --border_light: rgba(15,23,42,0.15); /* 12 *| --bg-grey: rgba(15,23,42,0.04); /* 13 *| } /* 14 *| */ /* 15 */ /* 16 */ /* BASICS */ /* 17 */ :root{ /* 18 */ --border: rgba(15,23,42,0.15); /* 19 */ --border_light: rgba(15,23,42,0.15); /* 20 */ } /* 21 */ /* 22 */ .hr { /* 23 */ height:1px; background: var(--border); /* 24 */ margin: 12px 0; /* 25 */ } /* 26 */ /* 27 */ .hr.hidden { /* 28 */ display: none; /* 29 */ } /* 30 */ /* 31 */ /* wagentje met aantal */ /* 32 */ #knop-winkelwagentje { /* 33 */ position: absolute; /* 34 */ top: 60px; /* 35 */ right: 209px; /* 36 */ z-index: 70; /* 37 */ } /* 38 */ header.small #knop-winkelwagentje { /* 39 */ top: 12px; /* 40 */ right: 188px; /* 41 */ } /* 42 */ #knop-winkelwagentje a { /* 43 */ display: block; /* 44 */ width: 30px; /* 45 */ height: 30px; /* 46 */ padding: 5px /* 47 */ } /* 48 */ #knop-winkelwagentje a svg { /* 49 */ width: 100%; /* 50 */ } /* webshop.css */ /* 51 */ #aantal { /* 52 */ position: absolute; /* 53 */ font-size: 10px; /* 54 */ line-height: 18px; /* 55 */ font-weight: 600; /* 56 */ text-align: center; /* 57 */ color: #fff; /* 58 */ width: 18px; /* 59 */ height: 18px; /* 60 */ border-radius: 50%; /* 61 */ background-color: lightskyblue; /* 62 */ top: -2px; /* 63 */ right: -2px; /* 64 */ } /* 65 */ @media only screen and (min-width: 768px) { /* 66 */ #knop-winkelwagentje { /* 67 */ top: 12px; /* 68 */ right: 378px; /* 69 */ } /* 70 */ header.small #knop-winkelwagentje { /* 71 */ right: 188px; /* 72 */ } /* 73 */ } /* 74 */ @media only screen and (min-width: 1280px) { /* 75 */ #knop-winkelwagentje { /* 76 */ top: 30px; /* 77 */ right: 280px; /* 78 */ } /* 79 */ } /* 80 */ @media only screen and (min-width: 1440px) { /* 81 */ #knop-winkelwagentje { /* 82 */ top: 12px; /* 83 */ right: 350px; /* 84 */ } /* 85 */ } /* 86 */ /* 87 */ /* 88 */ .container-shop-items:first-of-type { /* 89 */ margin-bottom: 50px; /* 90 */ } /* 91 */ /* 92 */ /*************************************************/ /* 93 */ /* 94 */ /* WEBSHOP ITEM */ /* 95 */ /* kolommen */ /* 96 */ .webshop-item .kolom-content { /* 97 */ display: flex; /* 98 */ flex-wrap: wrap; /* 99 */ align-items: flex-start; /* 100 */ gap: 30px; /* webshop.css */ /* 101 */ } /* 102 */ /* 103 */ .webshop-item .kolom-content .kolom-links { /* 104 */ position: relative; /* 105 */ margin-bottom: 30px; /* 106 */ width: 100%; /* 107 */ text-align: center; /* 108 */ } /* 109 */ /* 110 */ .webshop-item .kolom-content .kolom-links .main-image { /* 111 */ display: inline-block; /* 112 */ padding: 20px; /* 113 */ background-color: var(--oker-0); /* 114 */ border-radius: 23px; /* 115 */ } /* 116 */ /* 117 */ .webshop-item .kolom-content .kolom-links img { /* 118 */ display: block; /* 119 */ max-height: 100%; /* 120 */ max-width: 100%; /* 121 */ box-sizing: border-box; /* 122 */ } /* 123 */ /* 124 */ .webshop-item .kolom-content .kolom-links .container-images .image a { /* 125 */ display: inline; /* 126 */ } /* 127 */ /* 128 */ .webshop-item .kolom-content .kolom-links .container-images .image img { /* 129 */ height: 100%; /* 130 */ width: 100%; /* 131 */ } /* 132 */ /* 133 */ .webshop-item .kolom-content .kolom-links a:hover { /* 134 */ cursor: zoom-in; /* 135 */ } /* 136 */ /* 137 */ .webshop-item .kolom-content .kolom-rechts { /* 138 */ padding: 30px 20px 10px 20px; /* 139 */ background-color: var(--wit); /* 140 */ border-radius: 23px; /* 141 */ width: calc(100% - 40px); /* 142 */ } /* 143 */ /* 144 */ .webshop-item h2 { /* 145 */ font-family: 'Nunito', sans-serif; /* 146 */ font-size: 16px; /* 147 */ line-height: 22px; /* 148 */ font-weight: 700; /* 149 */ margin-bottom: 10px; /* 150 */ } /* webshop.css */ /* 151 */ /* 152 */ .webshop-item .radio-card label { /* 153 */ min-height: 40px; /* 154 */ font-size: 16px; /* 155 */ font-weight: 600; /* 156 */ } /* 157 */ /* 158 */ @media only screen and (min-width: 1024px) { /* 159 */ .webshop-item .kolom-content .kolom-links { /* 160 */ flex: 1; /* 161 */ min-width: 0; /* 162 */ margin-bottom: 0px; /* 163 */ } /* 164 */ /* 165 */ .webshop-item .kolom-content .kolom-links .main-image { /* 166 */ display: flex; /* 167 */ align-items: center; /* 168 */ justify-content: center; /* 169 */ } /* 170 */ /* 171 */ .webshop-item .kolom-content .kolom-links a { /* 172 */ display: block; /* 173 */ max-height: calc(80vh - 130px); /* 174 */ } /* 175 */ /* 176 */ .webshop-item .kolom-content .kolom-links picture, /* 177 */ .webshop-item .kolom-content .kolom-links img { /* 178 */ max-height: calc(80vh - 130px); /* 179 */ width: auto; /* 180 */ height: auto; /* 181 */ display: block; /* 182 */ } /* 183 */ /* 184 */ .webshop-item .kolom-content .kolom-rechts { /* 185 */ flex: unset; /* 186 */ width: 330px; /* 187 */ } /* 188 */ /* 189 */ .fancybox-caption { /* 190 */ display: none; /* 191 */ } /* 192 */ /* 193 */ } /* 194 */ /* 195 */ /* tekst */ /* 196 */ .webshop-item .kolom-content .kolom-rechts h1 { /* 197 */ text-align: left; /* 198 */ padding: 0; /* 199 */ font-size: 22px; /* 200 */ line-height: 26px; /* webshop.css */ /* 201 */ width: 100%; /* 202 */ } /* 203 */ .webshop-item .kolom-content .kolom-rechts p, /* 204 */ .webshop-item .kolom-content .kolom-rechts ul { /* 205 */ font-size: 15px; /* 206 */ line-height: 22px; /* 207 */ font-weight: 400; /* 208 */ } /* 209 */ .webshop-item .kolom-content .kolom-rechts p span { /* 210 */ display: block; /* 211 */ font-weight: 700; /* 212 */ } /* 213 */ /* 214 */ /* 215 */ /* 216 */ /* =============================== /* 217 *| WINKELWAGENTJE /* 218 *| =============================== */ /* 219 */ /* 220 */ .section-title { /* 221 */ display:flex; /* 222 */ align-items:end; /* 223 */ justify-content:space-between; /* 224 */ gap:12px; /* 225 */ margin-bottom: 20px; /* 226 */ } /* 227 */ /* 228 */ .section-title h2 { /* 229 */ margin:0; /* 230 */ font-size:22px; /* 231 */ } /* 232 */ /* 233 */ .section-title span { /* 234 */ font-size:15px; /* 235 */ } /* 236 */ .cart-list { /* 237 */ background-color: #fff; /* 238 */ margin-bottom: 20px; /* 239 */ font-size: 15px; /* 240 */ border-radius: 20px; /* 241 */ } /* 242 */ /* 243 */ .cart-list:has(.cart-item) { /* 244 */ padding: 20px; /* 245 */ } /* 246 */ /* 247 */ @media (min-width:768px){ /* 248 */ .cart-list:has(.cart-item) { /* 249 */ padding: 30px; /* 250 */ } /* webshop.css */ /* 251 */ } /* 252 */ /* 253 */ .cart-list:has(> div:not(:empty)) { /* 254 */ border:1px solid var(--border_light); /* 255 */ } /* 256 */ /* 257 */ .cart-item { /* 258 */ display:grid; /* 259 */ grid-template-columns:76px 1fr; /* 260 */ gap:12px; /* 261 */ padding:12px 0; /* 262 */ border-top:1px solid var(--border); /* 263 */ } /* 264 */ /* 265 */ .cart-item:first-child { /* 266 */ border-top:0px solid var(--border); /* 267 */ padding-top: 0; /* 268 */ } /* 269 */ /* 270 */ .cart-item:last-child { /* 271 */ padding-bottom: 0; /* 272 */ } /* 273 */ /* 274 */ @media (min-width:768px){ /* 275 */ .cart-item{ /* 276 */ gap: 22px; /* 277 */ padding:17px 0; /* 278 */ } /* 279 */ } /* 280 */ .cart-item__media{ /* 281 */ width: 80px; /* 282 */ height: 80px; /* 283 */ overflow:hidden; /* 284 */ background:rgba(15,23,42,.06); /* 285 */ } /* 286 */ /* 287 */ .cart-item__img{ /* 288 */ width:100%; /* 289 */ height:100%; /* 290 */ object-fit:cover; /* 291 */ display:block; /* 292 */ } /* 293 */ /* 294 */ .cart-item__text .title { /* 295 */ font-weight:600; /* 296 */ color:#111; /* 297 */ } /* 298 */ /* 299 */ /* Controls wrapper */ /* 300 */ .cart-item__text { /* webshop.css */ /* 301 */ display:flex; /* 302 */ flex-direction: column; /* 303 */ justify-content: center; /* 304 */ } /* 305 */ .cart-item__controls{ /* 306 */ display:flex; /* 307 */ flex-wrap:wrap; /* 308 */ gap:12px 15px; /* 309 */ } /* 310 */ /* 311 */ /* Default blocks in controls */ /* 312 */ .cart-item__meta, /* 313 */ .cart-item__qty, /* 314 */ .cart-item__prices, /* 315 */ .cart-item__actions{ /* 316 */ display:flex; /* 317 */ justify-content:center; /* 318 */ } /* 319 */ /* 320 */ /* Meta */ /* 321 */ .cart-item__meta{ /* 322 */ width:100%; /* 323 */ flex-direction:column; /* 324 */ align-items:flex-start; /* 325 */ } /* 326 */ /* 327 */ /* Qty: label links, input rechts */ /* 328 */ .cart-item__qty{ /* 329 */ flex:1; /* 330 */ flex-direction:row; /* 331 */ align-items:center; /* 332 */ justify-content: flex-start; /* 333 */ gap:10px; /* 334 */ } /* 335 */ /* 336 */ .cart-item__qty select{ /* 337 */ width: 90px; /* 338 */ padding: 10px; /* 339 */ border-radius: 7px; /* 340 */ border: 1px solid var(--border); /* 341 */ background: #fff; /* 342 */ background:rgba(15,23,42,.03); /* 343 */ color: var(--text); /* 344 */ font-size: 16px; /* 345 */ appearance: auto; /* 346 */ } /* 347 */ /* 348 */ /* Prices */ /* 349 */ .cart-item__prices{ /* 350 */ flex:1; /* webshop.css */ /* 351 */ flex-direction:column; /* 352 */ align-items:flex-end; /* 353 */ text-align: right; /* 354 */ } /* 355 */ /* 356 */ .cart-item__prices strong{ /* 357 */ color:var(--text); /* 358 */ font-size:14px; /* 359 */ } /* 360 */ /* 361 */ /* Actions: mobiel rechts uitlijnen */ /* 362 */ .cart-item__actions{ /* 363 */ width:100%; /* 364 */ flex-direction:row; /* 365 */ justify-content:flex-end; /* 366 */ align-items:center; /* 367 */ gap:20px; /* 368 */ } /* 369 */ /* 370 */ /* Desktop */ /* 371 */ @media (min-width:1024px){ /* 372 */ .cart-item__meta { /* 373 */ flex: 1; /* 374 */ } /* 375 */ .cart-item__qty { /* 376 */ flex: 0 0 130px; /* 377 */ } /* 378 */ .cart-item__prices { /* 379 */ flex: 0 0 160px; /* 380 */ } /* 381 */ /* 382 */ .cart-item__actions{ /* 383 */ flex:0 0 90px; /* 384 */ width:auto; /* 385 */ flex-direction:column; /* 386 */ justify-content:center; /* 387 */ align-items:flex-end; /* 388 */ gap:0; /* 389 */ } /* 390 */ /* 391 */ } /* 392 */ /* 393 */ /* PRICEBOX */ /* 394 */ .pricebox{ /* 395 */ text-align: right; /* 396 */ padding: 30px; /* 397 */ background-color: var(--oker-0); /* 398 */ font-size: 15px; /* 399 */ border-radius: 20px; /* 400 */ } /* webshop.css */ /* 401 */ /* 402 */ .pricebox.bg-wit{ /* 403 */ background-color: #fff /* 404 */ } /* 405 */ /* 406 */ .pricebox__bedrag { /* 407 */ font-weight: 600; /* 408 */ color:var(--text); /* 409 */ } /* 410 */ /* 411 */ .pricebox .big { /* 412 */ font-size: 22px; /* 413 */ font-weight: 800; /* 414 */ } /* 415 */ /* 416 */ .element.total { /* 417 */ padding-top: 10px; /* 418 */ margin-top: 10px; /* 419 */ margin-bottom: 20px; /* 420 */ border-top:1px solid var(--border); /* 421 */ color:var(--text); /* 422 */ } /* 423 */ /* 424 */ /* 425 */ @media only screen and (min-width: 768px) { /* 426 */ .element { /* 427 */ width: 380px; /* 428 */ float: right; /* 429 */ display: block; /* 430 */ } /* 431 */ /* 432 */ .pricebox__text { /* 433 */ width: 240px; /* 434 */ float: left; /* 435 */ } /* 436 */ } /* 437 */ /* 438 */ /* =============================== /* 439 *| BESTELFORMULIER /* 440 *| =============================== */ /* 441 */ /* 442 */ .kolom-indeling-overzicht{ /* 443 */ display:grid; /* 444 */ grid-template-columns: 1fr; /* 445 */ gap: 40px; /* 446 */ align-items:start; /* 447 */ } /* 448 */ /* 449 */ .sticky{ /* 450 */ position: static; /* webshop.css */ /* 451 */ top: 20px; /* 452 */ } /* 453 */ /* 454 */ @media (max-width: 899px){ /* 455 */ .kolom-indeling-overzicht { /* 456 */ grid-template-areas: "kolom-overzicht" "kolom-bestellen"; /* 457 */ } /* 458 */ /* 459 */ .kolom-indeling-overzicht .kolom-bestellen { /* 460 */ background-color: yellow; /* 461 */ grid-area: kolom-bestellen; /* 462 */ } /* 463 */ /* 464 */ .kolom-indeling-overzicht .kolom-overzicht { /* 465 */ background-color: orange; /* 466 */ grid-area: kolom-overzicht; /* 467 */ } /* 468 */ } /* 469 */ /* 470 */ /* 471 */ /* 472 */ @media (min-width: 900px){ /* 473 */ .kolom-indeling-overzicht { /* 474 */ grid-template-columns: 1.6fr 0.9fr; /* 475 */ } /* 476 */ .sticky{ /* 477 */ position: sticky; /* 478 */ } /* 479 */ } /* 480 */ /* 481 */ /* 482 */ /* radio buttons */ /* 483 */ .radio-grid { /* 484 */ display:grid; /* 485 */ grid-template-columns: repeat(3, minmax(0,1fr)); /* 486 */ gap:10px; /* 487 */ } /* 488 */ /* 489 */ .radio-card{ /* 490 */ position:relative; /* 491 */ } /* 492 */ /* 493 */ .radio-card input{ /* 494 */ position:absolute; /* 495 */ inset:0; /* 496 */ opacity:0; /* 497 */ cursor:pointer; /* 498 */ } /* 499 */ /* 500 */ .radio-card label { /* webshop.css */ /* 501 */ display:flex; /* 502 */ align-items:center; /* 503 */ justify-content:center; /* 504 */ text-align:center; /* 505 */ flex-direction: column; /* 506 */ line-height: 1.3; /* 507 */ padding: 0; /* 508 */ border-radius: 23px; /* 509 */ border: 2px solid var(--border); /* 510 */ border-color: var(--grijs-5); /* 511 */ background-color: transparent; /* 512 */ color: var(--text); /* 513 */ min-height: 45px; /* 514 */ user-select:none; /* 515 */ font-size: 15px; /* 516 */ } /* 517 */ /* 518 */ .radio-card label span { /* 519 */ display: block; /* 520 */ font-weight: 600; /* 521 */ } /* 522 */ /* 523 */ .radio-card:hover label{ /* 524 */ background: rgba(15,23,42,0.06); /* 525 */ } /* 526 */ /* 527 */ .radio-card input:focus-visible + label{ /* 528 */ outline: 2px solid rgba(37,99,235,0.45); /* 529 */ outline-offset: 2px; /* 530 */ } /* 531 */ /* 532 */ .radio-card input:checked + label{ /* 533 */ border-color: var(--grijs-8); /* 534 */ background: var(--grijs-8); /* 535 */ color: #fff; /* 536 */ font-size: 15px; /* 537 */ } /* 538 */ /* 539 */ /* Product opties */ /* 540 */ .summary { /* 541 */ padding:20px; /* 542 */ background-color: var(--wit); /* 543 */ border-radius: 23px; /* 544 */ } /* 545 */ /* 546 */ @media only screen and (min-width: 768px) { /* 547 */ .summary { /* 548 */ padding:30px; /* 549 */ } /* 550 */ } /* webshop.css */ /* 551 */ .summary h3 { /* 552 */ margin:0 0 10px; /* 553 */ font-size:16px; /* 554 */ } /* 555 */ /* 556 */ .summary .section{ /* 557 */ margin-top: 12px; /* 558 */ } /* 559 */ /* 560 */ .summary .section:first-of-type{ /* 561 */ margin-top: 0; /* 562 */ } /* 563 */ /* 564 */ .sum-row{ /* 565 */ display:flex; /* 566 */ justify-content:space-between; /* 567 */ gap:12px; /* 568 */ font-size:14px; /* 569 */ margin: 6px 0; /* 570 */ } /* 571 */ /* 572 */ .sum-row.hidden { /* 573 */ display: none; /* 574 */ } /* 575 */ /* 576 */ .sum-row strong { /* 577 */ color:var(--text); /* 578 */ } /* 579 */ /* 580 */ .sum-row .big { /* 581 */ font-size: 22px; /* 582 */ font-weight: 800; /* 583 */ } /* 584 */ .link { /* 585 */ font-size:14px; /* 586 */ text-decoration: underline; /* 587 */ text-underline-offset: 3px; /* 588 */ } /* 589 */ /* 590 */ /* Overzicht Chech-out */ /* 591 */ .checkout-items{ /* 592 */ display:grid; /* 593 */ gap:10px; /* 594 */ } /* 595 */ /* 596 */ .checkout-item{ /* 597 */ display:grid; /* 598 */ grid-template-columns: 56px 1fr; /* 599 */ gap:10px; /* 600 */ padding-top:10px; /* webshop.css */ /* 601 */ border-top:1px solid var(--border); /* 602 */ } /* 603 */ /* 604 */ .checkout-item:first-child{ /* 605 */ padding-top:0; /* 606 */ border-top:0px solid var(--border); /* 607 */ } /* 608 */ /* 609 */ .checkout-item__media{ /* 610 */ width:56px; /* 611 */ height:56px; /* 612 */ overflow:hidden; /* 613 */ background: rgba(15,23,42,0.06); /* 614 */ } /* 615 */ /* 616 */ .checkout-item__img{ /* 617 */ width:100%; /* 618 */ height:100%; /* 619 */ object-fit:cover; /* 620 */ display:block; /* 621 */ } /* 622 */ /* 623 */ .checkout-item__text { /* 624 */ display: flex; /* 625 */ flex-direction: column; /* 626 */ justify-content: center; /* 627 */ } /* 628 */ .checkout-item__title{ /* 629 */ font-size: 13px; /* 630 */ line-height: 1.1; /* 631 */ font-weight: 800; /* 632 */ } /* 633 */ /* 634 */ .checkout-item__meta{ /* 635 */ color: var(--muted); /* 636 */ font-size: 12px; /* 637 */ margin-top: 2px; /* 638 */ line-height: 1.35; /* 639 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* formulier.css */ /* 1 */ .formulier-container { /* 2 */ position: relative; /* 3 */ padding: 20px; /* 4 */ background-color: var(--oker-0); /* 5 */ border-radius: 23px; /* 6 */ } /* 7 */ @media only screen and (min-width: 768px) { /* 8 */ .formulier-container { /* 9 */ padding:30px; /* 10 */ } /* 11 */ } /* 12 */ /* 13 */ /* =================== */ /* 14 */ /* OPMAAK */ /* 15 */ .formulier-container h2 { /* 16 */ font-family: 'Nunito', sans-serif; /* 17 */ font-size: 17px; /* 18 */ line-height: 20px; /* 19 */ font-weight: 700; /* 20 */ padding-top: 5px; /* 21 */ margin-top: 20px; /* 22 */ margin-bottom: 5px; /* 23 */ } /* 24 */ /* 25 */ .form-element { /* 26 */ position: relative; /* 27 */ margin-bottom: 20px; /* 28 */ } /* 29 */ .formulier-container, /* 30 */ .formulier-container input, /* 31 */ .formulier-container textarea, /* 32 */ .formulier-container .submit, /* 33 */ .formulier-container .floating-label { /* 34 */ font-family: 'Nunito', sans-serif; /* 35 */ font-size: 14px; /* 36 */ line-height: 30px; /* 37 */ font-weight: var(--regular); /* 38 */ } /* 39 */ /* 40 */ .form-element.placeholder { /* 41 */ padding-top: 20px; /* 42 */ } /* 43 */ /* =================== */ /* 44 */ /* INPUT */ /* 45 */ input[type='text'], input[type='tel'], input[type='email'], input[type='date'], textarea { /* 46 */ display: block; /* 47 */ width: 100%; /* 48 */ box-sizing: border-box; /* 49 */ transition: 0.2s ease all; /* 50 */ } /* formulier.css */ /* 51 */ /* 52 */ input[type='text'], input[type='tel'], input[type='email'], input[type='date'] { /* 53 */ height: 45px; /* 54 */ padding: 0 20px 0 20px; /* 55 */ } /* 56 */ /* 57 */ .form-element.placeholder input[type='text'] { /* 58 */ padding: 0 20px 0 20px; /* 59 */ } /* 60 */ /* 61 */ input, textarea { /* 62 */ border-radius: 6px; /* 63 */ } /* 64 */ input, input:focus, textarea { /* 65 */ background-color: rgb(249, 250, 251); /* 66 */ border: 1px solid rgb(209, 213, 219); /* 67 */ } /* 68 */ /* indien browser zelf velden invult */ /* 69 */ input:-webkit-autofill, /* 70 */ input:-webkit-autofill:focus, /* 71 */ input:-webkit-autofill:hover { /* 72 */ box-shadow: 0 0 0px 1000px #f2f2f2 inset !important; /* 73 */ -webkit-text-fill-color: var(--primary) !important; /* 74 */ transition: background-color 5000s ease-in-out 0s; /* 75 */ } /* 76 */ /* 77 */ input[type='checkbox'] { /* 78 */ display: block; /* 79 */ padding: 8px; /* 80 */ box-sizing: border-box; /* 81 */ } /* 82 */ /* placeholder */ /* 83 */ .formulier-container input::placeholder { /* 84 */ color: #aaa; /* 85 */ } /* 86 */ /* indien actief */ /* 87 */ .formulier-container input:focus, /* 88 */ .formulier-container textarea:focus { /* 89 */ border: 1px solid rgb(92, 158, 205); /* 90 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 4px; /* 91 */ } /* 92 */ /* 93 */ .formulier-container input:focus::placeholder { /* 94 */ color: transparent; /* 95 */ } /* 96 */ /* 97 */ /* =================== */ /* 98 */ /* TEXTAREA */ /* 99 */ .formulier-container textarea { /* 100 */ box-sizing: border-box; /* formulier.css */ /* 101 */ height: 100px; /* 102 */ resize: none; /* 103 */ width: 100%; /* 104 */ padding: 18px 16px 12px 20px; /* 105 */ outline: 0 none; /* 106 */ } /* 107 */ /* 108 */ /* =================== */ /* 109 */ /* LABEL */ /* 110 */ .form-element label { /* 111 */ position: absolute; /* 112 */ pointer-events: none; /* 113 */ left: 10px; /* 114 */ top: 15px; /* 115 */ height: 15px; /* 116 */ line-height: 15px; /* 117 */ transition: 0.2s ease top; /* 118 */ z-index: 2; /* 119 */ padding-left: 10px; /* 120 */ padding-right: 10px; /* 121 */ border-radius: 5px; /* 122 */ } /* 123 */ /* 124 */ .form-element.met-icon label { /* 125 */ left: 45px; /* 126 */ } /* 127 */ /* 128 */ input:focus ~ label, /* 129 */ textarea:focus ~ label, /* 130 */ input:focus ~ label, /* 131 */ .error input ~ label, /* 132 */ .success input ~ label, /* 133 */ .success textarea ~ label { /* 134 */ top: -5px; /* 135 */ left: 25px; /* 136 */ bottom: 10px; /* 137 */ font-size: 12px; /* 138 */ color: #aaa; /* 139 */ background-color: #fff; /* 140 */ } /* 141 */ /* 142 */ .form-element.placeholder label { /* 143 */ position: absolute; /* 144 */ left: 10px; /* 145 */ top: -4px; /* 146 */ height: 15px; /* 147 */ font-size: 12px; /* 148 */ line-height: 15px; /* 149 */ z-index: 2; /* 150 */ padding-left: 0px; /* formulier.css */ /* 151 */ padding-right: 0px; /* 152 */ border-radius: 0px; /* 153 */ } /* 154 */ /* 155 */ /* =================== */ /* 156 */ /* ICONS */ /* 157 */ .formulier-container .form-icon { /* 158 */ position: absolute; /* 159 */ width: 20px; /* 160 */ height: 20px; /* 161 */ top: 13px; /* 162 */ left: 20px; /* 163 */ pointer-events: none; /* 164 */ z-index: 2; /* 165 */ display: flex; /* 166 */ flex-wrap: wrap; /* 167 */ align-items: center; /* 168 */ justify-content: center; /* 169 */ } /* 170 */ /* 171 */ /* =================== */ /* 172 */ /* SUBMIT */ /* 173 */ .form-check { /* 174 */ text-align: right; /* 175 */ } /* 176 */ /* 177 */ .form-check .container-submit { /* 178 */ display: inline-block; /* 179 */ } /* 180 */ /* 181 */ /* =================== */ /* 182 */ /* ERROR */ /* 183 */ /* 184 */ .form-element.error input, /* 185 */ .form-element.error textarea, /* 186 */ .form-element.file-upload.error { /* 187 */ border-color: #f07c93; /* 188 */ background-color: rgb(253, 242, 242); /* 189 */ } /* 190 */ /* 191 */ /* kruisje */ /* 192 */ .form-element.error .icon-status:before { /* 193 */ position: absolute; /* 194 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f07c93;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19.7,5.7 18.3,4.3 12,10.6 5.7,4.3 4.3,5.7 10.6,12 4.3,18.3 5.7,19.7 12,13.4 18.3,19.7 19.7,18.3 13.4,12 '/%3E%3C/svg%3E"); /* 195 */ text-align: center; /* 196 */ height: 20px; /* 197 */ width: 20px; /* 198 */ top: 12px; /* 199 */ right: 15px; /* 200 */ z-index: 3; /* formulier.css */ /* 201 */ } /* 202 */ /* 203 */ .form-element.placeholder.error .icon-status:before { /* 204 */ top: 32px; /* 205 */ } /* 206 */ /* 207 */ /* =================== */ /* 208 */ /* SUCCESS */ /* 209 */ /* 210 */ .form-element.success input, /* 211 */ .form-element.success textarea, /* 212 */ .form-element.file-upload.success { /* 213 */ border-color: #90bd28; /* 214 */ background-color: #f5f9ea !important; /* 215 */ } /* 216 */ /* 217 */ /* vinkje */ /* 218 */ .form-element.success .icon-status:before { /* 219 */ position: absolute; /* 220 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2390bd28;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.4,12.5 5,13.9 9.7,18.6 20.4,7.9 19,6.5 9.7,15.8 '/%3E%3C/svg%3E"); /* 221 */ height: 24px; /* 222 */ width: 24px; /* 223 */ top: 10px; /* 224 */ right: 10px; /* 225 */ z-index: 4; /* 226 */ } /* 227 */ .form-element.placeholder.success .icon-status:before { /* 228 */ top: 30px; /* 229 */ } /* 230 */ /* 231 */ /* =================== */ /* 232 */ /* KLEUR */ /* 233 */ button.block-item.kleur-grijs-3.bg-groen { /* 234 */ color: var(--wit); /* 235 */ background-color: var(--groen); /* 236 */ } /* 237 */ /* 238 */ button.block-item.kleur-grijs-3.bg-groen:hover { /* 239 */ color: var(--wit); /* 240 */ background-color: var(--groen-hover); /* 241 */ } /* 242 */ /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* formulier-checkboxes-radio-buttons.css */ /* 1 */ /* 2 */ /* =================== */ /* 3 */ /* CHECKBOX en RADIO BUTTONS*/ /* 4 */ .formulier-container .container-radio-buttons-checkboxes { /* 5 */ position: relative; /* 6 */ padding-left: 0px; /* 7 */ padding-left: 15px; /* 8 */ margin-top: 0px; /* 9 */ margin-bottom: 20px; /* 10 */ border: solid 1px transparent; /* 11 */ box-sizing: border-box; /* 12 */ display: flex; /* 13 */ align-items: start; /* 14 */ flex-direction: column; /* 15 */ flex-wrap: wrap; /* 16 */ height: 48px; /* 17 */ justify-content: center; /* 18 */ } /* 19 */ /* 20 */ .formulier-container label.radiobutton, /* 21 */ .formulier-container label.checkbox { /* 22 */ position: relative; /* 23 */ display: flex; /* 24 */ align-items:center; /* 25 */ flex: 1; /* 26 */ height: 35px; /* 27 */ cursor: pointer; /* 28 */ } /* 29 */ /* 30 */ .formulier-container label.radiobutton:first-child { /* 31 */ margin-top: 5px; /* 32 */ } /* 33 */ /* 34 */ .formulier-container label.radiobutton:last-child { /* 35 */ margin-bottom: 5px; /* 36 */ } /* 37 */ /* 38 */ .formulier-container label.radiobutton input, /* 39 */ .formulier-container label.checkbox input { /* 40 */ position: absolute; /* 41 */ left: 0px; /* 42 */ top: 2px; /* 43 */ z-index: 1; /* 44 */ /* reset basis css */ /* 45 */ border: 0; /* 46 */ padding: 0; /* 47 */ background-color: transparent; /* 48 */ outline: 0; /* 49 */ margin-bottom: 0; /* 50 */ border-radius: 0; /* formulier-checkboxes-radio-buttons.css */ /* 51 */ } /* 52 */ /* 53 */ .formulier-container label.radiobutton span, /* 54 */ .formulier-container label.checkbox span { /* 55 */ position: relative; /* 56 */ display: block; /* 57 */ z-index: 2; /* 58 */ padding-left: 25px; /* 59 */ } /* 60 */ /* 61 */ /* styling kadertje en backgroundcolor */ /* 62 */ .formulier-container label.radiobutton input:before, /* 63 */ .formulier-container label.checkbox input:before { /* 64 */ content: ''; /* 65 */ position: absolute; /* 66 */ display: block; /* 67 */ background-color: #fff; /* 68 */ width: 14px; /* 69 */ height: 14px; /* 70 */ z-index: 2; /* 71 */ left: 0; /* 72 */ top: 7px; /* 73 */ border: 1px solid #6b7280; /* 74 */ border-radius: 50%; /* 75 */ } /* 76 */ /* 77 */ .formulier-container label.checkbox input:before { /* 78 */ border-radius: 5px; /* 79 */ } /* 80 */ /* 81 */ .formulier-container label.radiobutton input:checked:before, /* 82 */ .formulier-container label.checkbox input:checked:before { /* 83 */ background-color: #4496d1; /* 84 */ border: 1px solid #4496d1; /* 85 */ } /* 86 */ /* 87 */ /* bolletje */ /* 88 */ .formulier-container label.radiobutton input:checked:after { /* 89 */ content: ""; /* 90 */ position: absolute; /* 91 */ left: 5px; /* 92 */ top: 12px; /* 93 */ width: 6px; /* 94 */ height: 6px; /* 95 */ background-color: #fff; /* 96 */ border-radius: 50%; /* 97 */ z-index: 3; /* 98 */ } /* 99 */ /* 100 */ /* vinkje */ /* formulier-checkboxes-radio-buttons.css */ /* 101 */ .formulier-container label.checkbox input:checked:after { /* 102 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='6.4,12.5 5,13.9 9.7,18.6 20.4,7.9 19,6.5 9.7,15.8 '/%3E%3C/svg%3E"); /* 103 */ position: absolute; /* 104 */ left: -1px; /* 105 */ top: 2px; /* 106 */ width: 20px; /* 107 */ height: 20px; /* 108 */ color: #fff; /* 109 */ text-align: center; /* 110 */ z-index: 3; /* 111 */ } /* 112 */ /* 113 */ /* indien actief */ /* 114 */ .formulier-container label.radiobutton input:focus, /* 115 */ .formulier-container label.checkbox input:focus { /* 116 */ border: 0; /* 117 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 0px; /* 118 */ } /* 119 */ /* 120 */ .formulier-container label.radiobutton input:focus:before, /* 121 */ .formulier-container label.checkbox input:focus:before { /* 122 */ border: 1px solid #4496d1; /* 123 */ box-shadow: rgb(206, 223, 235) 0px 0px 0px 4px; /* 124 */ } /* 125 */ /* 126 */ /* =================== */ /* 127 */ /* ERROR */ /* 128 */ /* 129 */ .formulier-container .container-radio-buttons-checkboxes.error { /* 130 */ border: 1px solid #f07c93; /* 131 */ background-color: rgb(253, 242, 242); /* 132 */ border-radius: 6px; /* 133 */ padding-left: 15px; /* 134 */ } /* 135 */ /* 136 */ /* kruisje */ /* 137 */ .formulier-container .container-radio-buttons-checkboxes.error::before { /* 138 */ position: absolute; /* 139 */ content: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23f07c93;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19.7,5.7 18.3,4.3 12,10.6 5.7,4.3 4.3,5.7 10.6,12 4.3,18.3 5.7,19.7 12,13.4 18.3,19.7 19.7,18.3 13.4,12 '/%3E%3C/svg%3E"); /* 140 */ text-align: center; /* 141 */ height: 20px; /* 142 */ width: 20px; /* 143 */ top: 12px; /* 144 */ right: 15px; /* 145 */ z-index: 3; /* 146 */ } /* Minify_CSS_UriRewriter::$debugText docRoot : /var/www/vhosts/ginvi.nl/httpdocs currentDir : /var/www/vhosts/ginvi.nl/httpdocs/css */ /* submit-animatie.css */ /* 1 */ @charset "UTF-8"; /* 2 */ .container-submit { /* 3 */ position: relative; /* 4 */ padding: 0px; /* 5 */ } /* 6 */ .container-submit button.button { /* 7 */ margin-bottom: 0px; /* 8 */ margin-right: 0; /* 9 */ } /* 10 */ #submit-animatie { /* 11 */ position: absolute; /* 12 */ top: 0; /* 13 */ left: 0; /* 14 */ right: 0; /* 15 */ bottom: 0; /* 16 */ width: 100%; /* 17 */ background: #6C3; /* 18 */ z-index: 2; /* 19 */ text-align: center; /* 20 */ border-radius: 21px; /* 21 */ display: none; /* 22 */ } /* 23 */ #submit-animatie #spinner{ /* 24 */ position: relative; /* 25 */ width: 20px; /* 26 */ height: 20px; /* 27 */ top: 9px; /* 28 */ border:3px solid #ccc; /* 29 */ border-top:3px solid white; /* 30 */ border-radius:50%; /* 31 */ display: inline-block; /* 32 */ /* 33 */ -webkit-transition-property: -webkit-transform; /* 34 */ -webkit-transition-duration: 1.2s; /* 35 */ -webkit-animation-name: rotate; /* 36 */ -webkit-animation-iteration-count: infinite; /* 37 */ -webkit-animation-timing-function: linear; /* 38 */ /* 39 */ -moz-transition-property: -moz-transform; /* 40 */ -moz-animation-name: rotate; /* 41 */ -moz-animation-duration: 1.2s; /* 42 */ -moz-animation-iteration-count: infinite; /* 43 */ -moz-animation-timing-function: linear; /* 44 */ /* 45 */ transition-property: transform; /* 46 */ animation-name: rotate; /* 47 */ animation-duration: 1.2s; /* 48 */ animation-iteration-count: infinite; /* 49 */ animation-timing-function: linear; /* 50 */ } /* submit-animatie.css */ /* 51 */ /* 52 */ @-webkit-keyframes rotate { /* 53 */ from {-webkit-transform: rotate(0deg);} /* 54 */ to {-webkit-transform: rotate(360deg);} /* 55 */ } /* 56 */ /* 57 */ @-moz-keyframes rotate { /* 58 */ from {-moz-transform: rotate(0deg);} /* 59 */ to {-moz-transform: rotate(360deg);} /* 60 */ } /* 61 */ /* 62 */ @keyframes rotate { /* 63 */ from {transform: rotate(0deg);} /* 64 */ to {transform: rotate(360deg);} /* 65 */ }