.brickieit-wrapper { margin-bottom:1rem; }
.brickieit-content-placeholder { padding:1rem; border:1px dashed #bbb; background:#fafafa; color:#555; }
.brickieit-fe-empty { padding:1rem; border:1px dashed #ddd; }

/* BrickieIT default frontend fallback theme */
.brickieit-frontend{margin:0;background:#fff;color:#16181d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brickieit-frontend img,.brickieit-frontend video{max-width:100%;height:auto}.brickieit-frontend .frame{margin-bottom:2rem}.brickieit-frontend a{color:#4f39d8}

/* BrickieIT generated/WYSIWYG frontend helpers */
.brickieit-section{width:100%;}
.brickieit-content{margin-bottom:1rem;}
.brickieit-content img,.brickieit-content video,.brickieit-content iframe{max-width:100%;height:auto;}
.brickieit-content table{width:100%;border-collapse:collapse;}
.brickieit-content table td,.brickieit-content table th{border:1px solid #d9dde6;padding:.65rem;}
.brickieit-content figure{margin:0 0 1rem;}
.brickieit-content figcaption{font-size:.875rem;color:#667085;margin-top:.4rem;}
.brickieit-media-placeholder{display:grid;place-items:center;min-height:120px;border:1px dashed #b8c1d2;border-radius:12px;background:#eef2f8;color:#667085;font-weight:800;}
/* BrickieIT responsive grid helpers */
.brickieit-grid-gap-none > .row{--bs-gutter-x:0;--bs-gutter-y:0;}
.brickieit-grid-gap-small > .row{--bs-gutter-x:.75rem;--bs-gutter-y:.75rem;}
.brickieit-grid-gap-normal > .row{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem;}
.brickieit-grid-gap-large > .row{--bs-gutter-x:3rem;--bs-gutter-y:3rem;}
/* Edge mode always has zero row gutters — declared after gap rules to win by source order */
.brickieit-container-edge > .row{--bs-gutter-x:0;--bs-gutter-y:0;margin-right:0;margin-left:0;}
.brickieit-column{min-width:0;}
.brickieit-grid{box-sizing:border-box;width:100%;max-width:100%;}
.brickieit-grid-inner{box-sizing:border-box;}
.brickieit-wrapper::after,.brickieit-section::after,.brickieit-grid::after{content:"";display:table;clear:both;}

/* BrickieIT container / background-flow modes */
.brickieit-container-full-boxed,.brickieit-container-full-wide,.brickieit-container-edge{width:100%;}
.brickieit-container-boxed,.brickieit-container-wide{display:block;}

/* Full background with a consistently aligned wide content area. */
.brickieit-region-layout-wide > .brickieit-region-inner,
.brickieit-page-body.brickieit-region-layout-full-wide > .brickieit-region-inner,
.brickieit-container-wide.container-fluid,
.brickieit-container-full-wide > .brickieit-grid-inner {
  width:100%;
  max-width:1440px;
  margin-right:auto;
  margin-left:auto;
}

/* Suppress unwanted TYPO3 .frame spacing inside header / footer */
.brickieit-page-header .frame,
.brickieit-page-footer .frame {
  margin:0;
  padding:0;
}
.brickieit-page-header .brickieit-content,
.brickieit-page-footer .brickieit-content {
  margin-bottom: 0;
}
.brickieit-page-header .brickieit-content p:last-child,
.brickieit-page-footer .brickieit-content p:last-child {
  margin-bottom: 0;
}
.brickieit-page-header p,
.brickieit-page-header figure,
.brickieit-page-header .ce-gallery,
.brickieit-page-header .ce-row,
.brickieit-page-header .ce-column {
  margin-top:0;
  margin-bottom:0;
}

/* BrickieIT special elements — menu */
.brickieit-menu.navbar{display:flex;width:100%;justify-content:flex-end;padding:0;}
.brickieit-nav{display:flex;flex-wrap:wrap;align-items:center;}
.brickieit-nav.navbar-nav{display:flex;flex-direction:row;gap:.25rem;list-style:none;padding:0;margin:0;}
.brickieit-nav.navbar-nav[data-orient="vertical"]{flex-direction:column;}
.brickieit-nav .nav-link{padding:.375rem .75rem;color:inherit;text-decoration:none;}
.brickieit-nav .nav-link:hover,.brickieit-nav .nav-link.active{opacity:.8;}

/* BrickieIT menu: horizontal navbar-nav without requiring Bootstrap .navbar-expand-* */
.brickieit-menu .navbar-nav{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.25rem;list-style:none;padding-left:0;margin:0 0 0 auto;}
.brickieit-menu .navbar-nav[data-orient="vertical"]{flex-direction:column;align-items:flex-start;}
.brickieit-menu .nav-item{list-style:none;}
.brickieit-menu .nav-link{display:block;padding:.375rem .75rem;color:inherit;text-decoration:none;white-space:nowrap;}
.brickieit-menu .nav-link:hover,.brickieit-menu .nav-link.active{opacity:.8;}

/* BrickieIT menu: dropdown support (mirrors Bootstrap 5 dropdown API) */
.brickieit-menu .dropdown { position: relative; }
.brickieit-menu .dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .375rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.brickieit-menu .dropdown-menu.show { display: block; }
.brickieit-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: .375rem 1rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    background: transparent;
    border: 0;
}
.brickieit-menu .dropdown-item:hover,
.brickieit-menu .dropdown-item:focus { background-color: rgba(0,0,0,.05); }
.brickieit-menu .dropdown-item.active { font-weight: 600; }
.brickieit-menu .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

/* BrickieIT special elements — logo */
.brickieit-logo-wrapper{display:flex;align-items:center;}
.brickieit-logo-wrapper a.brickieit-logo{display:inline-flex;align-items:center;text-decoration:none;color:inherit;}
.brickieit-logo-text{font-size:1.25rem;font-weight:700;}

/* BrickieIT special elements — search */
.brickieit-search-wrapper{display:flex;align-items:center;}
.brickieit-search{width:100%;}
.brickieit-search .input-group{display:flex;flex-wrap:nowrap;}
.brickieit-search input[type="search"]{flex:1 1 auto;}

/* ============================================================
   BrickieIT header/menu variants (Page Settings selection)
   Structural layout only: directional logo placement + side
   layout. Width/edge-to-edge is governed by the header region
   container mode, so no max-width is hardcoded here.
   ============================================================ */
.brickieit-menu-inner{display:flex;width:100%;align-items:center;gap:1rem;flex-wrap:wrap;}
.brickieit-menu[class*="brickieit-menu-variant-"].navbar{justify-content:stretch;flex-wrap:wrap;}
.brickieit-menu-logo{flex:0 0 auto;display:flex;align-items:center;}
.brickieit-menu-logo-link{display:inline-flex;align-items:center;}
.brickieit-menu-logo-img{display:block;max-height:48px;width:auto;}
.brickieit-menu-body{flex:1 1 auto;display:flex;align-items:center;min-width:0;}
.brickieit-menu-body .navbar-nav,.brickieit-menu-body .brickieit-nav{margin-left:auto;}

/* Logo centred families → logo above a centred nav row */
.brickieit-menu-variant-classic-v4 .brickieit-menu-inner,
.brickieit-menu-variant-classic-v7 .brickieit-menu-inner,
.brickieit-menu-variant-classic-v8 .brickieit-menu-inner,
.brickieit-menu-variant-modern-v1 .brickieit-menu-inner,
.brickieit-menu-variant-modern-v3 .brickieit-menu-inner,
.brickieit-menu-variant-modern-v4 .brickieit-menu-inner{flex-direction:column;align-items:center;text-align:center;}
.brickieit-menu-variant-classic-v4 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-classic-v7 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-classic-v8 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-modern-v1 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-modern-v3 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-modern-v4 .brickieit-menu-body .navbar-nav{margin:0 auto;justify-content:center;}

/* Logo right */
.brickieit-menu-variant-classic-v3 .brickieit-menu-inner{flex-direction:row-reverse;}
.brickieit-menu-variant-classic-v3 .brickieit-menu-body .navbar-nav{margin-left:0;margin-right:auto;}

/* Side menus → vertical column inside the header region (does not reflow page body) */
.brickieit-menu-variant-leftside-v1 .brickieit-menu-inner,
.brickieit-menu-variant-leftside-v2 .brickieit-menu-inner,
.brickieit-menu-variant-leftside-v3 .brickieit-menu-inner,
.brickieit-menu-variant-rightside .brickieit-menu-inner{flex-direction:column;align-items:flex-start;gap:.75rem;}
.brickieit-menu-variant-leftside-v1 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-leftside-v2 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-leftside-v3 .brickieit-menu-body .navbar-nav,
.brickieit-menu-variant-rightside .brickieit-menu-body .navbar-nav{flex-direction:column;align-items:flex-start;margin:0;width:100%;}
.brickieit-menu-variant-rightside .brickieit-menu-inner{align-items:flex-end;}
.brickieit-menu-variant-rightside .brickieit-menu-body .navbar-nav{align-items:flex-end;}

/* Responsive: collapse any variant to a clean stack on small screens */
@media (max-width:767.98px){
  .brickieit-menu-inner{flex-direction:column;align-items:stretch;gap:.5rem;}
  .brickieit-menu-body .navbar-nav{margin:0;flex-wrap:wrap;justify-content:flex-start;}
}