.elementor-9954 .elementor-element.elementor-element-bd86cec > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9954 .elementor-element.elementor-element-bd86cec:not(.elementor-motion-effects-element-type-background), .elementor-9954 .elementor-element.elementor-element-bd86cec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEADF;}.elementor-9954 .elementor-element.elementor-element-bd86cec > .elementor-container{max-width:1200px;}.elementor-9954 .elementor-element.elementor-element-bd86cec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:104px 40px 10px 40px;}.elementor-9954 .elementor-element.elementor-element-bd86cec > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9954 .elementor-element.elementor-element-3381e86 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-9954 .elementor-element.elementor-element-3381e86 > .elementor-element-populated{padding:0px 40px 0px 0px;}.elementor-9954 .elementor-element.elementor-element-9a6e2a7 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-9954 .elementor-element.elementor-element-9a6e2a7{text-align:start;}.elementor-9954 .elementor-element.elementor-element-9a6e2a7 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:46px;font-weight:500;text-transform:none;line-height:1.05em;letter-spacing:0px;color:#342614;}.elementor-9954 .elementor-element.elementor-element-2af4ea6 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-9954 .elementor-element.elementor-element-2af4ea6{font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;color:#342614;}.elementor-9954 .elementor-element.elementor-element-538a92c > .elementor-element-populated{padding:0px 24px 0px 92px;}.elementor-9954 .elementor-element.elementor-element-fd2446c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9954 .elementor-element.elementor-element-16681036:not(.elementor-motion-effects-element-type-background), .elementor-9954 .elementor-element.elementor-element-16681036 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEADF;}.elementor-9954 .elementor-element.elementor-element-16681036 > .elementor-container{max-width:1200px;}.elementor-9954 .elementor-element.elementor-element-16681036{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 40px 56px 40px;}.elementor-9954 .elementor-element.elementor-element-16681036 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9954 .elementor-element.elementor-element-ef9053f > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-9954 .elementor-element.elementor-element-ef9053f > .elementor-element-populated{padding:0px 44px 0px 0px;}.elementor-9954 .elementor-element.elementor-element-58ab9e1 > .elementor-widget-container{margin:0px 0px 22px 0px;}.elementor-9954 .elementor-element.elementor-element-58ab9e1{font-family:"Cormorant Garamond", Sans-serif;font-size:19px;font-weight:400;font-style:italic;line-height:1.45em;letter-spacing:0px;color:#342614;}@media(max-width:1024px){.elementor-9954 .elementor-element.elementor-element-bd86cec{padding:72px 32px 56px 32px;}.elementor-9954 .elementor-element.elementor-element-9a6e2a7 .elementor-heading-title{font-size:38px;}.elementor-9954 .elementor-element.elementor-element-2af4ea6{font-size:16px;}.elementor-9954 .elementor-element.elementor-element-538a92c > .elementor-element-populated{padding:0px 0px 0px 32px;}.elementor-9954 .elementor-element.elementor-element-16681036{padding:40px 32px 48px 32px;}.elementor-9954 .elementor-element.elementor-element-ef9053f > .elementor-element-populated{padding:0px 0px 36px 0px;}.elementor-9954 .elementor-element.elementor-element-58ab9e1{font-size:18px;}}@media(max-width:767px){.elementor-9954 .elementor-element.elementor-element-bd86cec{padding:36px 22px 36px 22px;}.elementor-9954 .elementor-element.elementor-element-3381e86{width:100%;}.elementor-9954 .elementor-element.elementor-element-3381e86 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-9954 .elementor-element.elementor-element-9a6e2a7 .elementor-heading-title{font-size:28px;}.elementor-9954 .elementor-element.elementor-element-2af4ea6{font-size:15px;}.elementor-9954 .elementor-element.elementor-element-538a92c{width:100%;}.elementor-9954 .elementor-element.elementor-element-538a92c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-9954 .elementor-element.elementor-element-16681036{padding:32px 22px 36px 22px;}.elementor-9954 .elementor-element.elementor-element-ef9053f{width:100%;}.elementor-9954 .elementor-element.elementor-element-ef9053f > .elementor-element-populated{padding:0px 0px 32px 0px;}.elementor-9954 .elementor-element.elementor-element-58ab9e1{font-size:15px;}}@media(min-width:768px){.elementor-9954 .elementor-element.elementor-element-3381e86{width:68%;}.elementor-9954 .elementor-element.elementor-element-538a92c{width:32%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9954 .elementor-element.elementor-element-3381e86{width:62%;}.elementor-9954 .elementor-element.elementor-element-538a92c{width:38%;}.elementor-9954 .elementor-element.elementor-element-ef9053f{width:100%;}}/* Start custom CSS for section, class: .elementor-element-bd86cec *//* ==========================================================================
   HOUSE OF BRATZ — Artsprofiel template
   Alleen structurele CSS. Typografie, kleur en witruimte staan in de
   Elementor-controls van de widgets zelf en blijven in de editor aanpasbaar.
   Locatie: sectie "Hero" -> Geavanceerd -> Aangepaste CSS
   ========================================================================== */

/* ---------- 0. Thema-overrides ------------------------------------------- */
.hob-sec .elementor-widget-heading .elementor-heading-title{
  text-transform:none; letter-spacing:0;
}
.hob-sec .hob-eyebrow .elementor-heading-title{
  text-transform:uppercase; letter-spacing:.24em;
}
/* Astra geeft elke Elementor-knop een 1px border + radius 30px */
.hob-link .elementor-button{
  border:0 !important; border-radius:0 !important; background:transparent !important;
}
.hob-sec .elementor-widget-text-editor p:last-child{ margin-bottom:0; }
.hob-sec .elementor-widget-text-editor p:first-child{ margin-top:0; }

/* ---------- 1. Beelden --------------------------------------------------- */
.hob-card-img .elementor-widget-container,
.hob-card-img.elementor-widget-image{ overflow:hidden; border-radius:12px; line-height:0; }
.hob-card-img img{ width:100%; display:block; object-fit:cover; border-radius:12px; }
.hob-4x5 img{ aspect-ratio:4/5; }
.hob-3x4 img{ aspect-ratio:3/4; }
.hob-card-img{ margin-bottom:0 !important; margin-block-end:0 !important; }
.hob-cap{ margin-top:-38px !important; position:relative; z-index:2; padding-left:14px; }

/* ---------- 2. Hero ----------------------------------------------------- */
.hob-arts-hero .hob-lead{ max-width:560px; }
@media (max-width:767px){
  .hob-arts-hero .hob-lead{ max-width:100%; }
  .hob-arts-media img{ max-width:62%; }
}

/* ---------- 3. Rijen: widgets naast elkaar ------------------------------ */
.hob-row .elementor-widget-wrap{
  display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px;
}
.hob-row .elementor-widget-wrap > .elementor-element{
  width:auto !important; max-width:none; margin-bottom:0 !important; margin-block-end:0 !important;
}

/* ---------- 4. Rasters -------------------------------------------------- */
.elementor-section.hob-grid > .elementor-container{
  display:grid; align-items:start; gap:24px; max-width:100% !important;
}
.elementor-section.hob-grid > .elementor-container > .elementor-column{ width:auto !important; }
.elementor-section.hob-grid-2 > .elementor-container{ grid-template-columns:repeat(2,1fr); gap:18px; }
.elementor-section.hob-creds > .elementor-container{
  display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:start;
}
.elementor-section.hob-creds > .elementor-container > .elementor-column{ width:auto !important; }
@media (max-width:767px){
  .elementor-section.hob-creds > .elementor-container{ grid-template-columns:repeat(4,1fr); gap:8px; }
  .elementor-section.hob-grid-2 > .elementor-container{ gap:14px; }
}

/* ---------- 5. Credentials-iconen --------------------------------------- */
.hob-cred-icon .elementor-icon{
  width:30px; height:30px; border:1px solid rgba(213,100,50,.5); border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
}

/* ---------- 6. CTA-kaart ------------------------------------------------ */
.hob-cta-card .elementor-widget-button .elementor-button{ width:100%; }

/* ---------- 7. FAQ ----------------------------------------------------- */
/* Twee dingen vechten hier terug en verklaren de !important:
   1. widget-accordion.min.css wordt NA de post-CSS van de pagina ingeladen,
      dus gelijke specificiteit verliest op laadorde;
   2. de titel is een echte <h3 class="elementor-accordion-title">, dus Astra's
      h3-regel (Poppins 700) en de uppercase uit de kit raken hem direct.
   Daarom staan de typografieregels op het titel-element zelf. */
.hob-faq .hob-faq-acc .elementor-accordion{ border:0; }
.hob-faq .elementor-accordion-item{
  border:0 !important;
  border-bottom:1px solid rgba(52,38,20,.14) !important;
}
.hob-faq .elementor-accordion-item:first-child{
  border-top:1px solid rgba(52,38,20,.14) !important;
}
.hob-faq .elementor-tab-title{
  background:transparent !important; border:0 !important; padding:17px 0 !important;
}
.hob-faq .elementor-tab-title .elementor-accordion-title{
  font-family:"Jost",sans-serif; font-size:15px; font-weight:400; line-height:1.4;
  letter-spacing:0; text-transform:none; color:#342614; margin:0; text-decoration:none;
}
.hob-faq .elementor-tab-content{
  background:transparent !important; border:0 !important; padding:0 0 20px !important;
  font-family:"Jost",sans-serif; font-size:15px; line-height:1.6; color:#342614;
}
.hob-faq .elementor-accordion-icon{ color:#7E5537; font-size:13px; }
@media (max-width:767px){
  .hob-faq .elementor-tab-title .elementor-accordion-title,
  .hob-faq .elementor-tab-content{ font-size:14px; }
}

/* ---------- 8. Sticky CTA-balk (alleen mobiel) -------------------------- */
@media (max-width:767px){
  .hob-sticky{
    position:fixed !important; bottom:0; left:0 !important; right:0 !important;
    width:auto !important; z-index:998;
    box-shadow:0 -6px 22px rgba(52,38,20,.18);
    padding-bottom:calc(11px + env(safe-area-inset-bottom));
  }
  .hob-sticky .elementor-widget-wrap{ justify-content:space-between; }
  .hob-sticky .elementor-widget-button{ margin-left:auto; }
  /* Astra's scroll-to-top knop staat anders onder de balk */
  #ast-scroll-top{ bottom:86px !important; }
}/* End custom CSS */