/* cmsms stylesheet: g4y-soft modified: 30-06-26 09:26:18 */
/* =========================================================
   GEZOND4YOU – SOFT LOGO STYLE
   Vrouwelijk, zacht, helder, passend bij logo
   Titels / menu / knoppen: Quicksand
   Tekst: Nunito
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Quicksand:wght@500;600;700&display=swap');

:root{
  --g4y-sage:#9AA892;
  --g4y-sage-soft:#DCE4D5;
  --g4y-sage-light:#EEF3EA;
  --g4y-sage-hover:#8C9A84;

  --g4y-moss:#556054;
  --g4y-moss-dark:#3F463E;
  --g4y-moss-hover:#475244;

  --g4y-blush:#DF7B75;
  --g4y-blush-hover:#D96C66;
  --g4y-blush-soft:#F4DFDC;

  --g4y-linen:#FBF8F3;
  --g4y-sand:#F4EFE6;
  --g4y-card:#FFFFFF;
  --g4y-card-soft:#F7F3EC;
  --g4y-border:#E6E0D6;

  --g4y-ink:#2F332F;
  --g4y-muted:#6A7168;

  --g4y-radius:18px;
  --g4y-radius-lg:28px;
  --g4y-shadow-sm:0 6px 16px rgba(63,70,62,.06);
  --g4y-shadow:0 12px 30px rgba(63,70,62,.09);
  --g4y-shadow-lg:0 18px 42px rgba(63,70,62,.13);
}

/* =========================================================
   BASIS
   ========================================================= */

html,
body{
  min-height:100%;
}

*{
  box-sizing:border-box;
}

body{
  background:var(--g4y-linen) !important;
  color:var(--g4y-ink) !important;
  font-family:"Nunito", Arial, sans-serif !important;
  font-size:16px;
  line-height:1.72;
  overflow-x:hidden;
  padding-bottom:90px;
}

img,
iframe,
video{
  max-width:100% !important;
  height:auto !important;
}

p,
li,
a,
span{
  overflow-wrap:anywhere;
}

p{
  color:var(--g4y-ink);
  line-height:1.78;
  font-weight:500;
}

strong,
b{
  color:var(--g4y-moss-dark);
  font-weight:800;
}

/* =========================================================
   LINKS
   ========================================================= */

a{
  color:var(--g4y-moss) !important;
  text-decoration:none;
  transition:all .18s ease;
}

a:hover{
  color:var(--g4y-moss-hover) !important;
  text-decoration:underline;
}

/* =========================================================
   TYPOGRAFIE
   ========================================================= */

h1,
.eigentitel{
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  color:var(--g4y-moss) !important;
  font-size:46px;
  font-weight:700;
  line-height:1.12;
  letter-spacing:1px;
  text-transform:uppercase;
  text-align:center;
  margin:34px 0 38px 0;
}

h2,
h3,
h4,
h5,
h6{
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  color:var(--g4y-moss-dark) !important;
  line-height:1.22;
  margin-top:0;
}

h2{
  font-size:32px;
  font-weight:700;
  margin:0 0 16px 0;
}

h3{
  font-size:23px;
  font-weight:700;
  color:var(--g4y-moss) !important;
  margin:0 0 10px 0;
}

h4{
  font-size:19px;
  font-weight:700;
  color:var(--g4y-moss) !important;
}

.content h1,
.container.content h1,
main h1,
.eigentitel{
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  font-size:46px !important;
  line-height:1.12 !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  color:var(--g4y-moss) !important;
  text-align:center !important;
}

.container.content > h1:after,
.content > h1:after,
main > h1:after{
  content:"";
  display:block;
  width:86px;
  height:3px;
  background:linear-gradient(90deg, var(--g4y-sage), var(--g4y-blush));
  border-radius:999px;
  margin:18px auto 0 auto;
}

/* =========================================================
   BOVENBALK / LOGO
   ========================================================= */

.container-fluid.bg-dark{
  background:var(--g4y-sage) !important;
  border-bottom:2px solid rgba(255,255,255,.36) !important;
}

.container-fluid.bg-dark img{
  max-height:86px;
  height:auto;
}

/* =========================================================
   MENU
   ========================================================= */

.navbar,
.navbar.navbar-light,
.navbar.navbar-expand-lg{
  background:var(--g4y-linen) !important;
  border-top:1px solid var(--g4y-border) !important;
  border-bottom:1px solid var(--g4y-border) !important;
  box-shadow:0 4px 14px rgba(63,70,62,.035) !important;
}

.navbar .nav-link,
.navbar a{
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  color:var(--g4y-moss-dark) !important;
  font-weight:700;
  padding-top:15px;
  padding-bottom:15px;
  letter-spacing:.1px;
}

.navbar .nav-link:hover,
.navbar a:hover{
  color:var(--g4y-moss-hover) !important;
  text-decoration:none !important;
}

.navbar .active > .nav-link,
.navbar .nav-item.active > a,
.navbar li.active > a{
  color:var(--g4y-moss-hover) !important;
  background:transparent !important;
  box-shadow:inset 0 -3px 0 rgba(154,168,146,.62) !important;
}

/* Dropdown */
.dropdown-menu{
  background:var(--g4y-card) !important;
  border:1px solid var(--g4y-border) !important;
  border-radius:16px !important;
  box-shadow:var(--g4y-shadow) !important;
  padding:8px !important;
}

.dropdown-item{
  color:var(--g4y-ink) !important;
  border-radius:10px !important;
  padding:9px 12px !important;
}

.dropdown-item:hover{
  background:var(--g4y-sage-light) !important;
  color:var(--g4y-moss-dark) !important;
  text-decoration:none !important;
}

/* =========================================================
   CONTENT
   ========================================================= */

.container.content{
  max-width:1060px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:18px !important;
  padding-right:18px !important;
}

@media (min-width:1400px){
  .container.content{
    max-width:1020px !important;
  }
}

main,
.content,
.container.content{
  color:var(--g4y-ink);
}

/* =========================================================
   KAARTEN / BLOKKEN
   ========================================================= */

.card,
.panel,
.well,
.thumbnail,
.list-group-item{
  background:var(--g4y-card) !important;
  border:1px solid var(--g4y-border) !important;
  border-radius:var(--g4y-radius) !important;
  box-shadow:var(--g4y-shadow-sm) !important;
}

.panel-heading,
.card-header{
  background:var(--g4y-card-soft) !important;
  border-bottom:1px solid var(--g4y-border) !important;
  color:var(--g4y-moss-dark) !important;
  font-weight:800;
}

/* =========================================================
   TABELLEN
   ========================================================= */

table{
  border-color:var(--g4y-border) !important;
}

th{
  background:var(--g4y-sage-light) !important;
  color:var(--g4y-moss-dark) !important;
}

td,
th{
  border-color:var(--g4y-border) !important;
}

/* =========================================================
   KNOPPEN
   ========================================================= */

.btn{
  border-radius:999px !important;
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  font-weight:700 !important;
  padding:11px 18px !important;
  transition:all .18s ease !important;
  box-shadow:none !important;
}

/* Primaire groene knop */
.btn-gezond,
.btn-primary,
.btn-success{
  background:var(--g4y-moss) !important;
  border:2px solid var(--g4y-moss) !important;
  color:#FFFFFF !important;
}

.btn-gezond:hover,
.btn-primary:hover,
.btn-success:hover{
  background:var(--g4y-moss-hover) !important;
  border-color:var(--g4y-moss-hover) !important;
  color:#FFFFFF !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

/* Grijze / witte knop – goed zichtbaar */
.btn-secondary,
.btn-outline-secondary,
.btn-default{
  background:#FFFFFF !important;
  border:2px solid #BCC4B6 !important;
  color:var(--g4y-moss-dark) !important;
  font-weight:700 !important;
  opacity:1 !important;
}

.btn-secondary:hover,
.btn-outline-secondary:hover,
.btn-default:hover{
  background:var(--g4y-sage-light) !important;
  border-color:var(--g4y-moss) !important;
  color:var(--g4y-moss-dark) !important;
  text-decoration:none !important;
}

/* Roze CTA */
.btn-danger{
  background:var(--g4y-blush) !important;
  border-color:var(--g4y-blush) !important;
  color:#FFFFFF !important;
}

.btn-danger:hover{
  background:var(--g4y-blush-hover) !important;
  border-color:var(--g4y-blush-hover) !important;
  color:#FFFFFF !important;
}

/* =========================================================
   INLINE RONDE KNOPPEN
   ========================================================= */

/* Algemene witte/grijze inline knop */
a[style*="border-radius: 999px"],
a[style*="border-radius:999px"]{
  font-family:"Quicksand", "Nunito", Arial, sans-serif !important;
  border:2px solid #BCC4B6 !important;
  background:#FFFFFF !important;
  color:var(--g4y-moss-dark) !important;
  text-decoration:none !important;
  font-weight:700 !important;
  box-shadow:0 8px 18px rgba(63,70,62,.08) !important;
  opacity:1 !important;
}

a[style*="border-radius: 999px"]:hover,
a[style*="border-radius:999px"]:hover{
  background:var(--g4y-sage-light) !important;
  border-color:var(--g4y-moss) !important;
  color:var(--g4y-moss-dark) !important;
  text-decoration:none !important;
  transform:translateY(-1px);
}

/* Witte/grijze knop extra afdwingen als oude inline styles nog meespelen */
a[style*="background: rgba(255,255,255"],
a[style*="background:rgba(255,255,255"],
a[style*="background: #fff"],
a[style*="background:#fff"],
a[style*="background-color: #fff"],
a[style*="background-color:#fff"],
a[style*="background: white"],
a[style*="background:white"],
a[style*="background-color: white"],
a[style*="background-color:white"]{
  background:#FFFFFF !important;
  border:2px solid #BCC4B6 !important;
  color:var(--g4y-moss-dark) !important;
  opacity:1 !important;
}

/* Contact / kennismaking knop roze houden */
a[href*="contact.html"][style*="border-radius"],
a[href*="/contact.html"][style*="border-radius"],
a[href*="gezond4you.nl/contact.html"][style*="border-radius"]{
  background:var(--g4y-blush) !important;
  border:2px solid var(--g4y-blush) !important;
  color:#FFFFFF !important;
  text-shadow:none !important;
  font-weight:700 !important;
}

a[href*="contact.html"][style*="border-radius"]:hover,
a[href*="/contact.html"][style*="border-radius"]:hover,
a[href*="gezond4you.nl/contact.html"][style*="border-radius"]:hover{
  background:var(--g4y-blush-hover) !important;
  border-color:var(--g4y-blush-hover) !important;
  color:#FFFFFF !important;
  text-decoration:none !important;
}

/* Roze inline buttons altijd wit */
a[style*="background: #df7b75"],
a[style*="background:#df7b75"],
a[style*="background: #df7b5d"],
a[style*="background:#df7b5d"],
a[style*="background: #df8477"],
a[style*="background:#df8477"],
a[style*="background-color: #df7b75"],
a[style*="background-color:#df7b75"],
a[style*="background-color: #df7b5d"],
a[style*="background-color:#df7b5d"],
a[style*="background-color: #df8477"],
a[style*="background-color:#df8477"]{
  background:var(--g4y-blush) !important;
  border-color:var(--g4y-blush) !important;
  color:#FFFFFF !important;
  font-weight:700 !important;
}

/* Oude harde groene CTA zachter maken */
a[style*="background-color: #226700"],
a[style*="background:#226700"],
a[style*="background: #226700"]{
  background:var(--g4y-moss) !important;
  border-color:var(--g4y-moss) !important;
  color:#FFFFFF !important;
}

a[style*="border: 2px solid #226700"],
a[style*="border-color: #226700"]{
  border-color:var(--g4y-moss) !important;
}

a[style*="color: #226700"]{
  color:var(--g4y-moss-dark) !important;
}

/* =========================================================
   FORMULIEREN
   ========================================================= */

input,
textarea,
select,
.form-control{
  border:1px solid var(--g4y-border) !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
  color:var(--g4y-ink) !important;
  padding:11px 13px !important;
  box-shadow:none !important;
  font-family:"Nunito", Arial, sans-serif !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus{
  border-color:var(--g4y-sage) !important;
  box-shadow:0 0 0 3px rgba(154,168,146,.20) !important;
  outline:none !important;
}

label{
  color:var(--g4y-moss-dark) !important;
  font-weight:700;
}

/* =========================================================
   AFBEELDINGEN
   ========================================================= */

.content img,
.container.content img{
  border-radius:18px;
}

img.rounded,
.rounded img{
  border-radius:18px !important;
}

/* =========================================================
   FOOTER
   ========================================================= */

#footer,
footer{
  background:var(--g4y-moss) !important;
  color:var(--g4y-linen) !important;
  border-top:2px solid rgba(255,255,255,.22) !important;
}

#footer p,
footer p,
#footer li,
footer li{
  color:rgba(255,255,255,.86) !important;
}

#footer .eigentitel,
footer .eigentitel,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
footer h1,
footer h2,
footer h3,
footer h4{
  color:#FFFFFF !important;
}

#footer a,
footer a{
  color:rgba(255,255,255,.90) !important;
  text-decoration:none;
}

#footer a:hover,
footer a:hover{
  color:#FFFFFF !important;
  text-decoration:underline;
}

/* =========================================================
   COOKIEBANNER
   ========================================================= */

.g4y-cookie{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:9999;
  max-width:980px;
  margin:0 auto;
  background:var(--g4y-card);
  border:1px solid var(--g4y-border);
  border-radius:18px;
  box-shadow:var(--g4y-shadow-lg);
}

.g4y-cookie__inner{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
}

.g4y-cookie__text{
  color:var(--g4y-ink);
  font-size:14px;
  line-height:1.45;
}

.g4y-cookie__actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.g4y-cookie__btn{
  appearance:none;
  border:2px solid var(--g4y-moss);
  background:var(--g4y-moss);
  color:var(--g4y-linen);
  padding:9px 14px;
  border-radius:999px;
  font-family:"Quicksand", "Nunito", Arial, sans-serif;
  font-weight:700;
  cursor:pointer;
  font-size:14px;
}

.g4y-cookie__btn--ghost{
  background:transparent;
  color:var(--g4y-moss);
  border-color:rgba(154,168,146,.70);
}

#cookie-bar,
.cookie-bar,
.cookiebanner,
.cookie-banner,
.cc-window,
.cc-banner,
.cookieconsent{
  display:none !important;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991px){
  .navbar .nav-link,
  .navbar a{
    padding-top:11px;
    padding-bottom:11px;
  }

  h1,
  .content h1,
  .container.content h1,
  main h1,
  .eigentitel{
    font-size:34px !important;
    letter-spacing:.8px !important;
    line-height:1.16 !important;
  }

  h2{
    font-size:28px;
  }

  h3{
    font-size:22px;
  }
}

/* =========================================================
   MOBIEL
   ========================================================= */

@media (max-width:640px){
  body{
    font-size:15.5px;
    padding-bottom:125px;
  }

  .container.content{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  h1,
  .content h1,
  .container.content h1,
  main h1,
  .eigentitel{
    font-size:24px !important;
    letter-spacing:.6px !important;
    line-height:1.18 !important;
    margin:22px 0 24px 0 !important;
    font-weight:700 !important;
  }

  .container.content > h1:after,
  .content > h1:after,
  main > h1:after{
    width:64px;
    height:2px;
    margin:14px auto 0 auto;
  }

  h2{
    font-size:24px;
    line-height:1.25;
  }

  h3{
    font-size:20px;
  }

  h4{
    font-size:18px;
  }

  .btn{
    padding:10px 15px !important;
  }

  a[style*="border-radius: 999px"],
  a[style*="border-radius:999px"]{
    font-size:14px !important;
    line-height:1.25 !important;
    color:var(--g4y-moss-dark) !important;
  }

  a[href*="contact.html"][style*="border-radius"],
  a[href*="/contact.html"][style*="border-radius"],
  a[href*="gezond4you.nl/contact.html"][style*="border-radius"]{
    color:#FFFFFF !important;
  }

  .g4y-cookie__inner{
    flex-direction:column;
    align-items:stretch;
  }

  .g4y-cookie__actions{
    justify-content:flex-start;
  }

  .g4y-cookie__btn{
    width:100%;
  }
}

/* =========================================================
   DETAILS
   ========================================================= */

::selection{
  background:var(--g4y-sage-soft);
  color:var(--g4y-moss-dark);
}

hr{
  border:0;
  height:1px;
  background:var(--g4y-border);
  margin:28px 0;
}

a:focus,
button:focus,
.btn:focus{
  outline:3px solid rgba(154,168,146,.35) !important;
  outline-offset:3px !important;
}