.elementor-1844 .elementor-element.elementor-element-c26a8d3{--display:flex;}.elementor-1844 .elementor-element.elementor-element-1ccdcab{--display:flex;}.elementor-1844 .elementor-element.elementor-element-f4263ee{--display:flex;}.elementor-1844 .elementor-element.elementor-element-c187704{--display:flex;}.elementor-1844 .elementor-element.elementor-element-d1e8c25{--display:flex;}.elementor-1844 .elementor-element.elementor-element-31461f0{--display:flex;}.elementor-1844 .elementor-element.elementor-element-ea865e1{--display:flex;}.elementor-1844 .elementor-element.elementor-element-fd8ee94{--display:flex;}.elementor-1844 .elementor-element.elementor-element-2ed0e38{--display:flex;}.elementor-1844 .elementor-element.elementor-element-f24f2b0{--display:flex;}.elementor-1844 .elementor-element.elementor-element-fd2dc2b{--display:flex;}.elementor-1844 .elementor-element.elementor-element-8fa850e{--display:flex;}.elementor-1844 .elementor-element.elementor-element-983e004{--display:flex;}.elementor-1844 .elementor-element.elementor-element-6c790f1{--display:flex;}.elementor-1844 .elementor-element.elementor-element-fd632e8{--display:flex;}.elementor-1844 .elementor-element.elementor-element-31cac90{--display:flex;}.elementor-1844 .elementor-element.elementor-element-f49e982{--display:flex;}.elementor-1844 .elementor-element.elementor-element-419e9e0{--display:flex;}.elementor-1844 .elementor-element.elementor-element-6213598{--display:flex;}.elementor-1844 .elementor-element.elementor-element-c18c4bd{--display:flex;}.elementor-1844 .elementor-element.elementor-element-81db930{--display:flex;}.elementor-1844 .elementor-element.elementor-element-0b7b3e6{--display:flex;}.elementor-1844 .elementor-element.elementor-element-0ec839f{--display:flex;}.elementor-1844 .elementor-element.elementor-element-d6cbaf6{--display:flex;}.elementor-1844 .elementor-element.elementor-element-672d471{--display:flex;}.elementor-1844 .elementor-element.elementor-element-caee45a{--display:flex;}.elementor-1844 .elementor-element.elementor-element-620782d{--display:flex;}.elementor-1844 .elementor-element.elementor-element-28f268d{--display:flex;}.elementor-1844 .elementor-element.elementor-element-4c11c18{--display:flex;}.elementor-1844 .elementor-element.elementor-element-928f68a{--display:flex;}.elementor-1844 .elementor-element.elementor-element-134580f{--display:flex;}.elementor-1844 .elementor-element.elementor-element-fa31516{--display:flex;}.elementor-1844 .elementor-element.elementor-element-d981c13{--display:flex;}.elementor-1844 .elementor-element.elementor-element-1686dd0{--display:flex;}.elementor-1844 .elementor-element.elementor-element-d60e5ce{--display:flex;}.elementor-1844 .elementor-element.elementor-element-780587a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-c34f4f3 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-c34f4f3{position: absolute; inset: 0; pointer-events: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4263ee */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-f4263ee{max-width: 760px; display: flex; flex-direction: column; gap: 18px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ccdcab */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1ccdcab{position: relative; flex: 1; display: flex; align-items: center; width: 100%; padding-top: 56px; padding-bottom: 88px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c26a8d3 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-c26a8d3{position: relative; color: #FFFFFF; border-radius: 0 0 100px 0; overflow: hidden; min-height: 560px; display: flex; flex-direction: column; box-sizing: border-box; padding-top: 92px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31461f0 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-31461f0{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c187704 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-c187704{padding: 64px 0 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ea865e1 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-ea865e1{padding: 96px 0 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd2dc2b */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-fd2dc2b{display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 36px}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d975c81 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-d975c81{margin-top: auto}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6c790f1 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-6c790f1{padding: 30px; display: flex; flex-direction: column; gap: 16px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-983e004 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-983e004{display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2ed0e38 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-2ed0e38{padding: 96px 0 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-419e9e0 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-419e9e0{grid-column: 1 / 3; grid-row: 1 / 3; border-radius: 40px 40px 40px 0; padding: 40px; display: flex; flex-direction: column; gap: 20px; justify-content: center}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea8d535 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-ea8d535{height: 100%}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-ea8d535 img{; max-height: none}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-ea8d535 .elementor-widget-container{height: 100%}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-330bae6 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-330bae6{position: absolute; inset: 0; pointer-events: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c18c4bd */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-c18c4bd{grid-column: 3 / 5; grid-row: 1 / 3}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1b7b940 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1b7b940{height: 100%}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1b7b940 img{; max-height: none}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1b7b940 .elementor-widget-container{height: 100%}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-230ac1f */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-230ac1f{position: absolute; inset: 0; pointer-events: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-81db930 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-81db930{grid-column: 1 / 3; grid-row: 3}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e335d05 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e335d05{height: 100%}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e335d05 img{; max-height: none}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e335d05 .elementor-widget-container{height: 100%}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1f245bd */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1f245bd{position: absolute; inset: 0; pointer-events: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b7b3e6 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-0b7b3e6{grid-column: 3; grid-row: 3}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e93281e */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e93281e{height: 100%}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e93281e img{; max-height: none}
:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e93281e .elementor-widget-container{height: 100%}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d0e746b */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-d0e746b{position: absolute; inset: 0; pointer-events: none}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ec839f */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-0ec839f{grid-column: 4; grid-row: 3}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd632e8 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-fd632e8{padding: 96px 0 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-caee45a */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-caee45a{text-align: center; max-width: 760px; margin: 0 auto 28px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d6cbaf6 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-d6cbaf6{padding: 72px 0 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c11c18 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-4c11c18{display: flex; flex-direction: column; gap: 18px; max-width: 320px}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d24f1af */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-d24f1af{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ba249a */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-3ba249a{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e980aea */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e980aea{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-868001a */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-868001a{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-41d47a9 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-41d47a9{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7c7f24 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-e7c7f24{margin: 0 auto; max-width: 520px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-928f68a */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-928f68a{grid-column: span 2; min-width: 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28f268d */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-28f268d{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 40px; align-items: center}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-620782d */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-620782d{padding: 96px 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d60e5ce */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-d60e5ce{max-width: 560px; display: flex; flex-direction: column; gap: 10px}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-acc824e */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-acc824e{flex-shrink: 0}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-780587a */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-780587a{display: flex; align-items: center; gap: 8px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1686dd0 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-1686dd0{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa31516 */:is(#myn,html) .elementor-1844 .elementor-element.elementor-element-fa31516{padding: 0 0 96px}/* End custom CSS */
/* Start custom CSS *//* Stijl die alleen op deze pagina geldt, uit het canvas (_TPL_club.dc.html) */
:is(#myn,html) .herophoto{background:#04133C url(https://myn.nl/wp-content/uploads/2026/10/myn-netwerkkoffie-in-de-ochtend.jpg) center/cover no-repeat}
:is(#myn,html) .photo{position:relative;display:block;overflow:hidden;border-radius:32px 32px 32px 0;text-decoration:none;color:#FFFFFF}
:is(#myn,html) .photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
:is(#myn,html) a.photo:hover > img{transform:scale(1.04)}
:is(#myn,html) .photo .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,60,0) 40%,rgba(4,19,60,.85) 100%)}
:is(#myn,html) .photo .cap{position:absolute;left:28px;right:28px;bottom:26px;display:flex;flex-direction:column;gap:8px}
:is(#myn,html) .photo .cap strong{font-family:'Roboto',system-ui,sans-serif;font-size:28px;line-height:1.15;font-weight:900}
:is(#myn,html) .photo .cap .meta{font-size:15px}
:is(#myn,html) .photo .tile{top:0;bottom:auto;border-radius:0 0 20px 0;color:#262626}
:is(#myn,html) .photo .tile strong{display:block;font-size:28px;font-weight:900;font-family:'Roboto',system-ui,sans-serif}
:is(#myn,html) .photo .tile span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#00B4FF}
:is(#myn,html) .near{display:flex;align-items:center;gap:14px;text-decoration:none;color:#262626;padding:8px;border-radius:20px 20px 20px 0;background:#EEF8FD;transition:transform .25s ease}
:is(#myn,html) .near:hover{transform:translateX(3px)}
:is(#myn,html) .near img{width:64px;height:64px;object-fit:cover;border-radius:16px 16px 16px 0;display:block;flex-shrink:0}
:is(#myn,html) .nar{width:36px;height:36px;border-radius:50% 50% 50% 0;background:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-shrink:0}
:is(#myn,html) .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:250px;gap:20px}
:is(#myn,html) .pill{position:absolute;left:16px;bottom:16px;background:#FFFFFF;color:#262626;border-radius:999px 999px 999px 0;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.15)}
@media (max-width: 1000px){
  :is(#myn,html) .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto}
  :is(#myn,html) .bento > *{grid-column:auto !important;grid-row:auto !important;min-height:250px}
  :is(#myn,html) .bento > .card{grid-column:1 / -1 !important}
}
:is(#myn,html) img[src*="df81155013f9e1c4"],:is(#myn,html) img[src*="0d81476ce8e819c4"],:is(#myn,html) img[src*="f837f73f49114fb9"]{object-position:100% 50% !important}
:is(#myn,html) .logo-img{height:52px;width:auto;filter:grayscale(1);opacity:.6;mix-blend-mode:multiply}
:is(#myn,html) .myn-clubev{grid-column:span 2}@media (max-width:900px){:is(#myn,html) .myn-clubev{grid-column:1/-1}}
@media (max-width:760px){:is(#myn,html) .e-con.myn-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}:is(#myn,html) .e-con.myn-stats>.e-con{min-height:0;padding:18px 12px;border-radius:18px 18px 18px 0}}/* End custom CSS */