.lp-builder {
/*  border: 2px solid red;*/
}

.lp-builder [class^=container] {
  clear: both;
  width: 100%;
}

.lp-builder [class^=container].is-disabled {
  opacity: .4;
}

.lp-builder [class^=container].is-disabled:hover {
  opacity: 1;
}

.lp-builder [class^=container].is-disabled::before {
  content: 'DEAKTIVIERT';
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  background: #ccc;
  padding: 5px;
}

.lp-builder [class^=container].is-disabled:hover::before {
  display: none;
}

.lp-builder .row {
  display: flex;
/*  flex-wrap: wrap;*/
  align-items: space-between;
}

.lp-builder .col {
  background: #fff;
  border: 1px dashed #666;
  flex: 0 0 100%;
}

.lp-builder [class*=container-cols-2] .row .col {
  flex: 0 0 50%;
}

.lp-builder [class*=container-cols-3] .row .col {
  flex: 0 0 33.333333%;
}

.lp-builder [class*=container-cols-4] .row .col {
  flex: 0 0 20%;
}

/* LAYOUT */
.lpb-layout {
  margin: 30px 0;
  padding: 10px;
}

.lpb-layout:hover {
  outline: none !important;
}

.lpb-layout > .lpb-btn.before,
.lpb-layout > .lpb-btn--add.before {
  top: -30px;
}

.lpb-layout > .lpb-btn.after,
.lpb-layout > .lpb-btn--add.after {
  bottom: -30px;
}

.lpb-controls.is-layout {
  top: -30px;
  right: 9px;
}

/* REGION  (=section_region) */
.js-lpb-region {
/*  min-width: 32px;*/
}

.js-lpb-region:hover {
/*  outline: none !important;*/
}

/* COMPONENT  */
.js-lpb-region .js-lpb-component {
  padding: 20px;
}

.js-lpb-region .js-lpb-component:hover {
  outline: 2px solid blue !important;
}

.js-lpb-region .js-lpb-component > .lpb-btn--add.before {
  display: none;
}



/* ===== DIALOG ===== */

.lpb-dialog .ui-dialog-titlebar.ui-dialog-titlebar {
  padding-right: 50px;
}

.lpb-dialog .ui-dialog-titlebar.ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: 18px;
}

.lpb-dialog .ui-dialog-content {
  padding-top: 20px;
  padding-bottom: 20px;
}