/* Achtergrond van de pagina */
body {
  font-family: 'Roboto', sans-serif;
  line-height: 1.8;
  max-width: 700px;
  margin: 40px auto;
  padding: 20px;
  background-color: #F7E2BD; /* lichte honingkleur */
  color: #333333;
}

/* Hoofd titel h1 */
h1 {
  color: #CD7161;      /* warme kopkleur */
  text-align: center;   /* gecentreerd */
  margin-bottom: 30px;  /* ruimte onder de titel */
}

/* Paragrafen */
p {
  margin-bottom: 20px;
}

.small-paragraph {
  margin-bottom: 8px;
}

/* Sterke woorden alleen kleur */
strong {
  color: #B85C50;
  font-weight: bold;
}

/* Navigatie (vakje rond menu/tabbladen) */
nav {
  text-align: center;
  margin-bottom: 30px;
  background-color: #FFF7EA; /* subtiel vakje */
  padding: 15px;
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
}

/* Menu links */
nav a {
  margin: 0 10px;
  text-decoration: none;
  color: #A8564A;
  font-weight: bold;
}

nav a:hover {
  text-decoration: underline;
  color: #CD7161;
}

/* Afbeelding (vakje eromheen) */
img.center {
  display: block;
  margin: 0 auto 30px;
  border-radius: 10px;
  padding: 10px;
  background-color: #FFF7EA; /* subtiel vakje */
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Alleen e-mail links in contact */
a.email {
  color: #333333;             /* dezelfde kleur als tekst */
  text-decoration: none;      /* geen onderstreep */
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
}

a.email:hover {
  color: #CD7161;             /* subtiel hover effect */
  text-decoration: underline; /* optioneel, alleen bij hover */
}

.bijenweetjes {
  background-color: #FFF7EA;
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.08);
  margin-bottom: 20px;
}

.bijenweetjes p {
  margin: 0 0 8px 0;  /* compacte ruimte, kopje en paragrafen */
  font-weight: normal; /* gewone tekst */
}

.bijenweetjes p strong {
  color: #CD7161;     /* koptekst in accentkleur */
  font-size: 1.2em;   /* iets groter dan normale tekst */
}

.bij {
  position: fixed;
  width: 24px;
  pointer-events: none;
  z-index: 9999;

  /* ⬇️ ROTATIE-CORRECTIE */
  transform: rotate(90deg);
  transform-origin: center;
}

/* ===================== */
/* HONINGRAAT ACHTERGROND */
/* ===================== */

body.honey-bg::before,
body.honey-bg::after {
  content: "";
  position: fixed;
  top: 0;
  width: 200px;
  height: 100vh;
  background-image: url("honeycomb-bg.svg");
  background-repeat: repeat;
  background-size: 600px auto;
  pointer-events: none;
  z-index: -1;
}

body.honey-bg::before {
  left: 0;
}

body.honey-bg::after {
  right: 0;
}