.elementor-33015 .elementor-element.elementor-element-601cbb3d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33015 .elementor-element.elementor-element-601cbb3d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-33015 .elementor-element.elementor-element-3b611185{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33015 .elementor-element.elementor-element-531e1dd2{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:none;--border-style:none;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33015 .elementor-element.elementor-element-78014f2c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33015 .elementor-element.elementor-element-2ee3e251{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33015 .elementor-element.elementor-element-68f3f786{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-33015 .elementor-element.elementor-element-30877e24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-33015 .elementor-element.elementor-element-531e1dd2{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-33015 .elementor-element.elementor-element-78014f2c{--width:100%;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-33015 .elementor-element.elementor-element-601cbb3d{--width:86.894%;}.elementor-33015 .elementor-element.elementor-element-531e1dd2{--content-width:1400px;}.elementor-33015 .elementor-element.elementor-element-78014f2c{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-142be84e */.unicorn-themas-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 16px;
  margin-top: 30px;
}

.thema-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 16px 12px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 600;
  color: #792c82;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid transparent;
  min-height: 120px;
}

.thema-tile span.emoji {
  font-size: 32px;
  margin-bottom: 8px;
  transition: transform 0.3s ease;
}

/* Achtergrondkleuren per thema */
.thema-tile.meisjes     { background-color: #ffe0f0; }
.thema-tile.peuters     { background-color: #fff3cc; }
.thema-tile.schattig    { background-color: #e8f7ff; }
.thema-tile.magisch     { background-color: #f3e9ff; }
.thema-tile.werkbladen  { background-color: #fff6c9; }
.thema-tile.verjaardag  { background-color: #ffe7f2; }
.thema-tile.taart       { background-color: #ffecd9; }
.thema-tile.regenboog   { background-color: #e0f3ff; }
.thema-tile.hartjes     { background-color: #ffe1ef; }

.thema-tile:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
  border-color: #da9cf8;
}

.thema-tile:hover span.emoji {
  transform: rotate(-3deg) scale(1.1);
}/* End custom CSS */