.elementor-kit-6{--e-global-color-primary:#0F3A43;--e-global-color-secondary:#C9A961;--e-global-color-text:#46585F;--e-global-color-accent:#FF9FAE;--e-global-color-b6aeb8e0:#0A2A31;--e-global-color-6d14acf3:#17505C;--e-global-color-fc8266d3:#E0C68A;--e-global-color-cdbd51c4:#8A6C2E;--e-global-color-ce08a075:#FFF2F4;--e-global-color-ca2c8dc6:#F8F4EF;--e-global-color-58e15f03:#EEF6F7;--e-global-color-c6b3ba73:#14262B;--e-global-color-03103077:#62747C;--e-global-color-e96e53a7:#FFFFFF;--e-global-typography-primary-font-family:"EB Garamond";--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.16em;--e-global-typography-primary-letter-spacing:-0.008em;--e-global-typography-secondary-font-family:"EB Garamond";--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Hanken Grotesk";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.74em;--e-global-typography-accent-font-family:"Hanken Grotesk";--e-global-typography-accent-font-weight:600;--e-global-typography-accent-letter-spacing:0.02em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Royal:#0F3A43; --RoyalDiep:#0A2A31; --RoyalLicht:#17505C; --Goud:#C9A961; --GoudLicht:#E0C68A; --GoudTekst:#8A6C2E; --Blush:#FF9FAE; --BlushZacht:#FFF2F4; --BlushTekst:#C2455C; --Parel:#F8F4EF; --Aqua:#EEF6F7; --Ink:#14262B; --BodyTekst:#46585F; --Gedempt:#62747C; --Wit:#FFFFFF; --KopFont:EB Garamond; --TekstFont:Hanken Grotesk; --SectiePadding:clamp(72px, 9vw, 132px); --Zijmarge:clamp(20px, 5vw, 60px); --ContentBreedte:1240px; --RadiusKaart:30px; --RadiusPill:999px; --KopXL:clamp(2.45rem, 5.5vw, 4.35rem); --KopL:clamp(1.85rem, 3.6vw, 2.85rem); }
/* Start custom CSS *//* ===== Rijkskliniek — huisstijldetails ===== */
.rk-crown{display:flex;align-items:center;gap:14px;color:#C9A961;line-height:0}
.rk-crown svg{width:34px;height:20px;flex:none}
.rk-crown i{display:block;height:1px;flex:1;background:linear-gradient(90deg,rgba(201,169,97,.5),rgba(201,169,97,0))}
.rk-crown--left i{max-width:130px}
.rk-crown--center{justify-content:center}
.rk-crown--center i:first-child{background:linear-gradient(90deg,rgba(201,169,97,0),rgba(201,169,97,.5))}

/* Boogframe voor beelden */
.rk-arch img{border-radius:50% 50% 34px 34px / 34% 34% 34px 34px;border:1px solid rgba(201,169,97,.35);box-shadow:0 46px 90px -46px rgba(0,0,0,.6);width:100%;display:block}

/* Hero: gouden gloed + filmische korrel */
#hero{position:relative;isolation:isolate}
#hero::before{content:"";position:absolute;inset:-30% -15% auto -15%;height:150%;z-index:0;pointer-events:none;background:radial-gradient(48% 44% at 72% 26%, rgba(201,169,97,.26), transparent 68%),radial-gradient(42% 40% at 18% 72%, rgba(255,159,174,.16), transparent 72%),radial-gradient(70% 60% at 50% 0%, rgba(102,165,176,.22), transparent 72%)}
#hero::after{content:"";position:absolute;inset:0;z-index:1;opacity:.2;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
#hero > .e-con-inner{position:relative;z-index:2}

/* Kop strak op elkaar */
#herotitle1,#herotitle2{margin-block:0}
/* ===== Header layout ===== */
.elementor-element-headerin > .e-con-inner{flex-wrap:nowrap}
.elementor-element-logolockup,.elementor-element-mainnav,.elementor-element-btnwa,.elementor-element-btnafspraak{flex-shrink:0}
.elementor-element-mainnav .elementor-nav-menu{flex-wrap:nowrap}
.elementor-button{white-space:nowrap}

/* ===== Boogbeeld formaat ===== */
.rk-arch img{height:600px;object-fit:cover;object-position:52% 28%}
@media(max-width:1024px){.rk-arch img{height:430px}}
@media(max-width:767px){.rk-arch img{height:360px}}
/* ===== Behandelkaarten ===== */
.rk-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.rk-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -26px rgba(15,58,67,.42);border-color:rgba(201,169,97,.45)!important}
.rk-chips .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:7px}
.rk-chips .elementor-icon-list-item{background:#EEF6F7;border:1px solid rgba(20,38,43,.08);border-radius:999px;padding:.36em .85em;font-size:13px;font-weight:500;color:#46585F;margin:0!important}
.rk-chips .elementor-icon-list-item:after{display:none!important}
.rk-chips .elementor-icon-list-icon{display:none!important}
.rk-tlink .elementor-button{padding:0!important;background:transparent!important;color:#8A6C2E!important;letter-spacing:.03em}
.rk-tlink .elementor-button:hover{color:#C9A961!important}
/* ===== Sticky header ===== */
.elementor-element-siteheader{position:sticky;top:0;z-index:60}
body.admin-bar .elementor-element-siteheader{top:32px}

/* ===== Romeinse cijfers ===== */
.rk-num .elementor-heading-title{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(201,169,97,.45)}

/* ===== Kaartlink onderaan ===== */
.rk-card .rk-chips{margin-top:auto}

/* ===== Kliniekbeelden ===== */
.rk-shot img{height:420px;object-fit:cover;border-radius:30px;border:1px solid rgba(201,169,97,.35);width:100%;display:block}
.rk-shot--wide img{object-position:50% 46%}
@media(max-width:1024px){.rk-shot img{height:300px}}
.rk-arch--sm img{height:520px}
@media(max-width:1024px){.rk-arch--sm img{height:380px}}

/* ===== Teampillen ===== */
.rk-member{background:#fff;border:1px solid rgba(201,169,97,.4);border-radius:999px;padding:10px 22px 10px 10px}
.rk-member .elementor-icon-box-wrapper{align-items:center}

/* ===== Review-auteur ===== */
.rk-revmeta{margin-top:auto;padding-top:16px;border-top:1px solid #2B5A64}
.rk-revmeta .elementor-icon-box-wrapper{align-items:center}

/* ===== Contactlijst ===== */
.rk-clist .elementor-icon-list-item{padding-block:15px!important}
.rk-clist .elementor-icon-list-text{font-weight:600}

/* ===== Openingstijden ===== */
.rk-hours{width:100%;border-collapse:collapse;font-family:"Hanken Grotesk",sans-serif;font-size:15px}
.rk-hours th{text-align:left;font-weight:400;color:#46585F;padding:11px 0;border-bottom:1px solid #D9E3E4}
.rk-hours td{text-align:right;color:#14262B;padding:11px 0;border-bottom:1px solid #D9E3E4;font-variant-numeric:tabular-nums}
.rk-hours tr:last-child th,.rk-hours tr:last-child td{border-bottom:0}
.rk-hours .is-now td{color:#8A6C2E;font-weight:700}
.rk-hours .is-closed td{color:#8FA5AB}

/* ===== Footerlijsten ===== */
.rk-flist .elementor-icon-list-item a:hover,.rk-flist .elementor-icon-list-text:hover{color:#F3EFE7}
.rk-invert img{filter:brightness(0) invert(1)}

/* ===== FAQ ===== */
.rk-faq .elementor-accordion-item{border-left:0!important;border-right:0!important;border-top:0!important}
.rk-faq .elementor-accordion-item:first-child{border-top:1px solid #E4DED6!important}
.rk-faq .elementor-tab-title{padding:22px 0!important;background:transparent!important}
.rk-faq .elementor-tab-content{padding:0 0 22px!important;background:transparent!important;border:0!important}

/* ===== Responsief ===== */
@media(max-width:1024px){
 .elementor-element-herocopy,.elementor-element-heromedia,.elementor-element-waarom-fig,.elementor-element-waarom-copy{width:100%!important}
 .elementor-element-card-injectables,.elementor-element-card-huid,.elementor-element-card-chirurgie,.elementor-element-card-haar,.elementor-element-card-laser,.elementor-element-card-afvallen,.elementor-element-step1,.elementor-element-step2,.elementor-element-step3,.elementor-element-rev1,.elementor-element-rev2,.elementor-element-rev3,.elementor-element-rev4{width:47.5%!important}
 .elementor-element-kl-img1w,.elementor-element-kl-img2w,.elementor-element-con-left,.elementor-element-con-right{width:100%!important}
 .elementor-element-ftr-about{width:100%!important}
 .elementor-element-ftr-c2,.elementor-element-ftr-c3,.elementor-element-ftr-c4{width:28%!important}
}
@media(max-width:767px){
 .elementor-element-card-injectables,.elementor-element-card-huid,.elementor-element-card-chirurgie,.elementor-element-card-haar,.elementor-element-card-laser,.elementor-element-card-afvallen,.elementor-element-step1,.elementor-element-step2,.elementor-element-step3,.elementor-element-rev1,.elementor-element-rev2,.elementor-element-rev3,.elementor-element-rev4,.elementor-element-pillar1,.elementor-element-pillar2,.elementor-element-pillar3,.elementor-element-team1,.elementor-element-team2,.elementor-element-team3,.elementor-element-ftr-c2,.elementor-element-ftr-c3,.elementor-element-ftr-c4{width:100%!important}
 .elementor-element-usp1,.elementor-element-usp2,.elementor-element-usp3,.elementor-element-usp4,.elementor-element-usp5,.elementor-element-usp6,.elementor-element-seal1,.elementor-element-seal2,.elementor-element-seal3{width:100%!important}
}
/* ===== Correcties na visuele controle ===== */
.elementor-element-con-btns > .e-con-inner,.elementor-element-con-btns{justify-content:flex-start!important}
.rk-tlink .elementor-button-content-wrapper{gap:9px}
.rk-tlink .elementor-button-icon{display:inline-flex!important;font-size:13px}
.rk-tlink .elementor-button:hover .elementor-button-icon{transform:translateX(3px)}
.rk-tlink .elementor-button-icon{transition:transform .22s ease}
/* ===================================================
   RESPONSIVE — tablet (<=1024) en mobiel (<=767)
   =================================================== */
@media(max-width:1024px){
  .elementor-element-hero{padding-top:64px!important;padding-bottom:64px!important}
  .elementor-element-belofte,.elementor-element-behandelingen,.elementor-element-ontvangst,
  .elementor-element-aandoeningen,.elementor-element-kliniek,.elementor-element-reviews,
  .elementor-element-faq,.elementor-element-contact{padding-top:84px!important;padding-bottom:84px!important}
  .elementor-element-ctaband{padding-top:78px!important;padding-bottom:78px!important}
  .elementor-element-sitefooter{padding-top:56px!important}
  .elementor-element-heroin > .e-con-inner{gap:44px}
  .elementor-element-waarom-in > .e-con-inner{gap:40px}
  .elementor-element-heromedia{order:-1}
}

@media(max-width:767px){
  .elementor-element-hero{padding-top:44px!important;padding-bottom:52px!important}
  .elementor-element-belofte,.elementor-element-behandelingen,.elementor-element-ontvangst,
  .elementor-element-aandoeningen,.elementor-element-kliniek,.elementor-element-reviews,
  .elementor-element-faq,.elementor-element-contact{padding-top:58px!important;padding-bottom:58px!important}
  .elementor-element-ctaband{padding-top:60px!important;padding-bottom:60px!important}

  /* vaste pixelbreedtes mogen mobiel niet overlopen */
  .elementor-element-herolead,.elementor-element-beh-lead,.elementor-element-kl-lead,
  .elementor-element-con-lead,.elementor-element-cta-h2,.elementor-element-cta-b,
  .elementor-element-ftr-blurb{width:100%!important;max-width:100%!important}

  /* knoppen vullen de breedte, prettiger om te tikken */
  .elementor-element-herobtns .elementor-widget-button,
  .elementor-element-cta-btns .elementor-widget-button,
  .elementor-element-con-btns .elementor-widget-button{width:100%!important}
  .elementor-element-herobtns .elementor-button,
  .elementor-element-cta-btns .elementor-button,
  .elementor-element-con-btns .elementor-button{width:100%;justify-content:center;min-height:52px}

  /* informatiebalk compacter */
  .elementor-element-tbcontact .elementor-icon-list-item:last-child{display:none}
  .elementor-element-topbarin > .e-con-inner{justify-content:center;row-gap:6px}
  .elementor-element-tbcontact{margin-left:0!important}

  /* header */
  .elementor-element-headerin > .e-con-inner{min-height:70px;gap:12px}
  .elementor-element-btnwa{display:none}
  .elementor-element-logomark img{width:36px}
  .elementor-element-logoword .elementor-heading-title{font-size:17px;letter-spacing:3px}
  .elementor-element-logosub .elementor-heading-title{font-size:8px}
  .elementor-element-btnafspraak .elementor-button{padding:12px 16px;font-size:13px}

  /* beelden */
  .rk-arch img{height:340px}
  .rk-arch--sm img{height:320px}
  .rk-shot img{height:230px}

  /* zegels en teampillen onder elkaar */
  .elementor-element-heroseals > .e-con-inner{gap:14px}

  /* koppen iets rustiger */
  .rk-num .elementor-heading-title{width:42px;height:42px}
  .rk-member{padding:9px 18px 9px 9px}

  /* footer legal onder elkaar */
  .elementor-element-ftr-legal > .e-con-inner{justify-content:flex-start}
}

@media(max-width:480px){
  .elementor-element-tbrating{display:none}
  .rk-chips .elementor-icon-list-item{font-size:12.5px}
}
/* ===== Responsive fixes na iframe-controle ===== */
@media(max-width:1024px){
  .elementor-element-heroin > .e-con-inner,
  .elementor-element-waarom-in > .e-con-inner,
  .elementor-element-con-cols > .e-con-inner,
  .elementor-element-kl-imgs > .e-con-inner,
  .elementor-element-ftr-cols > .e-con-inner{flex-wrap:wrap!important}
  .elementor-element-waarom-fig{order:-1}
}
@media(max-width:767px){
  .elementor-element-headerin > .e-con-inner{flex-wrap:nowrap!important;gap:10px}
  .elementor-element-logolockup{flex:1 1 auto;min-width:0}
  .elementor-element-mainnav{order:2;margin:0!important;flex:0 0 auto}
  .elementor-element-btnafspraak{order:3;flex:0 0 auto}
  .elementor-element-heroseals > .e-con-inner,
  .elementor-element-usps > .e-con-inner,
  .elementor-element-kl-team > .e-con-inner,
  .elementor-element-pillars > .e-con-inner{flex-wrap:wrap!important}
}
/* ===== Mobiele header: alleen het monogram ===== */
.elementor-element-logosub .elementor-heading-title,
.elementor-element-logoword .elementor-heading-title{white-space:nowrap}
@media(max-width:640px){
  .elementor-element-logotext{display:none!important}
  .elementor-element-logolockup{flex:0 0 auto!important}
  .elementor-element-headerin > .e-con-inner{justify-content:space-between}
  .elementor-element-mainnav{margin-left:auto!important}
}
/* logo mag de headerbreedte niet opeten */
@media(max-width:640px){
  .elementor-element-logolockup{width:auto!important;max-width:none!important;flex:0 0 auto!important}
  .elementor-element-headerin > .e-con-inner > *{flex-shrink:0}
}
/* ===== Vakgebieden-index (pagina Behandelingen) ===== */
.rk-ledger-row{transition:padding-left .3s ease}
.rk-ledger-row:hover{padding-left:14px!important}
.rk-ledger-row .rk-ledger-arrow{opacity:0;transform:translateX(-8px);transition:opacity .3s ease,transform .3s ease}
.rk-ledger-row:hover .rk-ledger-arrow{opacity:1;transform:none}
.rk-ledger-row:hover .elementor-heading-title{color:#8A6C2E}

/* ===== Disciplineblok ===== */
.rk-disc-chips .elementor-icon-list-items{display:flex;flex-wrap:wrap;gap:8px}
.rk-disc-chips .elementor-icon-list-item{background:#fff;border:1px solid rgba(201,169,97,.35);border-radius:999px;padding:.5em 1.05em;font-size:14px;font-weight:500;color:#46585F;margin:0!important}
.rk-disc-chips .elementor-icon-list-item:after{display:none!important}
.rk-disc-chips .elementor-icon-list-icon{display:none!important}
.rk-disc-chips .elementor-icon-list-item:hover{border-color:#C9A961;color:#14262B}
.rk-disc--alt .rk-disc-chips .elementor-icon-list-item{background:#F8F4EF}
/* =======================================================
   MOBIELE HEADER — volgorde, hamburger en uitklapmenu
   ======================================================= */
@media(max-width:1024px){
  /* volgorde: logo links, knop en hamburger rechts */
  .elementor-element-logolockup{order:1}
  .elementor-element-btnafspraak{order:2;margin-left:auto!important}
  .elementor-element-mainnav{order:3;margin:0!important;width:auto!important;flex:0 0 auto!important}
  .elementor-element-btnwa{display:none}

  /* hamburger als merkelement: rond, hairline, ruime tikzone */
  .elementor-element-mainnav .elementor-menu-toggle{
    width:46px;height:46px;border:1px solid rgba(20,38,43,.18);border-radius:999px;
    background:transparent!important;color:#14262B;transition:border-color .2s ease,background .2s ease}
  .elementor-element-mainnav .elementor-menu-toggle:hover,
  .elementor-element-mainnav .elementor-menu-toggle.elementor-active{
    border-color:#C9A961;background:rgba(201,169,97,.10)!important;color:#0F3A43}

  /* uitklapmenu over de volle breedte, in huisstijl */
  .elementor-element-mainnav .elementor-nav-menu--dropdown{
    background:#F8F4EF!important;border-top:1px solid #E4DED6;
    box-shadow:0 24px 40px -28px rgba(15,58,67,.45)}
  .elementor-element-mainnav .elementor-nav-menu--dropdown a{
    color:#14262B!important;padding-left:clamp(20px,5vw,60px)!important;padding-right:clamp(20px,5vw,60px)!important}
  .elementor-element-mainnav .elementor-nav-menu--dropdown a:hover,
  .elementor-element-mainnav .elementor-nav-menu--dropdown a.elementor-item-active{
    background:rgba(201,169,97,.12)!important;color:#0F3A43!important}
  .elementor-element-mainnav .elementor-nav-menu--dropdown li:last-child a{border-bottom:0!important}
}

@media(max-width:767px){
  .elementor-element-headerin > .e-con-inner{min-height:66px}
  .elementor-element-btnafspraak .elementor-button{padding:12px 18px;font-size:13.5px}
}

/* kleine telefoons: knop compacter zodat niets buiten beeld valt */
@media(max-width:400px){
  .elementor-element-siteheader{padding-left:16px!important;padding-right:16px!important}
  .elementor-element-headerin > .e-con-inner{gap:8px}
  .elementor-element-btnafspraak .elementor-button{padding:11px 14px;font-size:12.5px;letter-spacing:0}
  .elementor-element-mainnav .elementor-menu-toggle{width:42px;height:42px}
  .elementor-element-logomark img{width:34px}
  .elementor-element-topbar{padding-left:16px!important;padding-right:16px!important}
}/* End custom CSS */