/*[aria-label="Textblock läuft Zweispaltig"] .block-editor-block-preview__content,*/
.editor-styles-wrapper p.is-style-twocols {
  columns: 2;
  column-count: 2;
  column-gap: 30px;
  orphans: 2;
  widows: 2;
}
  /* If Section or other wrapper has class */
  .editor-styles-wrapper .twocols {
    columns: 2;
    column-count: 2;
    column-gap: 30px;
  }
  .editor-styles-wrapper .twocols p {
    orphans: 2;
    widows: 2;
}
@media(min-width: 768px) {
  p.is-style-twocols {
    columns: 2;
    column-count: 2;
    column-gap: 30px;
    orphans: 2;
    widows: 2;
  }
  .twocols {
    columns: 2;
    column-count: 2;
    column-gap: 30px;
  }
  .twocols p {
    orphans: 2;
    widows: 2;
  }
}

/* Title Style on pages */
.post-type-page .editor-styles-wrapper .editor-post-title.editor-post-title__input {
  font-size: 20px;
  line-height: 24px;
  padding-top: 27px;
  padding-left: 20px;
  background: rgba(255,255,255,.8);
  border-left: 1px solid #888;
  border-bottom: 1px solid #888;
}
.post-type-page .editor-styles-wrapper .editor-post-title {
  position: relative;
}
.post-type-page .editor-styles-wrapper .editor-post-title:before {
  content: 'Titel der Seite';
  font-size: 11px;
  line-height: 11px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 600;
  color: white;
  background-color: black;
  padding: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}



/* Make Section-Block more accessible */
.editor-styles-wrapper .wp-block-mkl-section-block {
  /* padding-top: 15px;
  padding-bottom: 15px;
  border: 2px dotted #333; */
  padding: 10px;
  box-shadow: 0 0 0 1px white;
  outline: dashed 1px black;
  position: relative;
  z-index: 0;
}

.editor-styles-wrapper .wp-block-mkl-section-block:before {
  content: 'Section';
  font-size: 11px;
  line-height: 11px;
  font-family: 'Courier New', Courier, monospace;
  font-weight: 600;
  color: white;
  background-color: black;
  padding: 3px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

/*
.section.wp-block-mkl-section-block {
  margin-top: 1rem;
  margin-bottom: 1rem;
} */

/* // Accordion-Styles */
.wp-block-pb-accordion-item .c-accordion__title.js-accordion-controller {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 10px;
  margin-bottom: 0;
  color: var(--linkColor); /* var(--primaryColor); */
  transition: color .2s ease-in-out;
  border-bottom: 2px solid var(--primaryColor);
}
.wp-block-pb-accordion-item .c-accordion__title.js-accordion-controller:hover {
  color: var(--linkColorHover);
}
.wp-block-pb-accordion-item .c-accordion__title.js-accordion-controller:hover:after {
  border-color: var(--linkColorHover);
}

.wp-block-pb-accordion-item .c-accordion__title--button {
   /* font-family: $font__heading; */
  text-transform: uppercase;
}

.wp-block-pb-accordion-item .c-accordion__title:after {
  content: '';
  border-style: solid;
	border-width: 4px 4px 0 0;
  border-color: var(--primaryColor);
	display: inline-block;
	height: 12px;
  width: 12px;
	left: 2px;
	position: absolute; /* relative; */
	top: 6px;
	transform: rotate(-225deg);
	vertical-align: top;
  transition: all .3s ease-in-out;
}

.wp-block-pb-accordion-item.is-open>.c-accordion__title:after {
    transform: rotate(-45deg);
    top: 10px;
    content: '';
}

.wp-block-pb-accordion-item .c-accordion__content {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-top: 20px;
  /* background-color: var(--lightColor); */
}

.editor-styles-wrapper .c-accordion__title {
  padding-left: 30px;
}

/* Spacer-Block override & responsive styles */
.editor-styles-wrapper .wp-block-spacer:not(.is-style-default) .components-resizable-box__handle {
  display: none!important;
}
.editor-styles-wrapper .wp-block-spacer:not(.is-style-default) .block-library-spacer__resize-container.has-show-handle {
  background: transparent;
}
.block-editor-block-inspector .components-panel__body {
  /* display: none; */
}
.editor-styles-wrapper .wp-block-spacer {
  background-image: radial-gradient(#666 1px, transparent 0), radial-gradient(white 1px, transparent 0);
  background-position: 0 0, 5px 5px;
  background-size: 10px 10px;
}

.wp-block-spacer.is-style-responsive-small,
.wp-block-spacer.is-style-responsive-medium,
.wp-block-spacer.is-style-responsive-large { 
  height: auto!important; 
}
.wp-block-spacer.is-style-responsive-small {
  min-height: 20px
}
.wp-block-spacer.is-style-responsive-medium {
  min-height: 45px
}
.wp-block-spacer.is-style-responsive-large {
  min-height: 100px
}
@media (min-width: 560px) {
  .wp-block-spacer.is-style-responsive-small {
    min-height: 30px
  }
  .wp-block-spacer.is-style-responsive-medium {
    min-height: 60px
  }
  .wp-block-spacer.is-style-responsive-large {
    min-height: 120px
  }
}
@media (min-width: 768px) {
  .wp-block-spacer.is-style-responsive-small {
    min-height: 40px
  }
  .wp-block-spacer.is-style-responsive-medium {
    min-height: 80px
  }
  .wp-block-spacer.is-style-responsive-large {
    min-height: 150px
  }
}
@media (min-width:1024px) {
  .wp-block-spacer.is-style-responsive-small {
    min-height: 60px
  }
  .wp-block-spacer.is-style-responsive-medium {
    min-height: 100px
  }
  .wp-block-spacer.is-style-responsive-large {
    min-height: 200px
  }
}