/* default styles for extension "tx_frontend" */
.ce-align-left {
  text-align: left;
}

.ce-align-center {
  text-align: center;
}

.ce-align-right {
  text-align: right;
}



//TODO: Check if really needed ... makes problems with the svg overlays;

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
  overflow: hidden;
}

//.ce-left .ce-gallery, .ce-column { float: left; }
//.ce-center .ce-outer { position: relative; float: right; right: 50%; }
//.ce-center .ce-inner { position: relative; float: right; right: -50%; }
//.ce-right .ce-gallery { float: right; }

.ce-center {
  margin-left: auto;
  margin-right: auto;
}

.ce-image {
  //width: 100%;
}

.ce-gallery {

  figure {

  }

  figcaption {

  }

  img {


  }

  iframe {
    border-width: 0;
  }

}

.ce-border img,
.ce-border iframe {
  border: 2px solid #000000;
  padding: 0px;
}
//
//.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
//  margin-bottom: $grid-gutter-width;
//}
//
//.ce-intext.ce-right .ce-gallery {
//  margin-left: $grid-gutter-width;
//}
//
//.ce-intext.ce-left .ce-gallery {
//  margin-right: $grid-gutter-width;
//}
//
//.ce-below .ce-gallery {
//  margin-top: $grid-gutter-width;
//}

.ce-column {
  @include make-col-ready();
  padding-left: $grid-gutter-width/4;
  padding-right: $grid-gutter-width/4;


  @for $ce-columns from 1 through 8 {
    [data-ce-columns="#{$ce-columns}"] & {
      @include make-col($grid-columns / $ce-columns);
    }
  }


}

.ce-row {
  @include make-row();

  &:last-child {
    margin-bottom: 0;
  }
}


.ce-above .ce-bodytext {
  clear: both;
}

.ce-intext.ce-left ol, .ce-intext.ce-left ul {
  padding-left: 40px;
  overflow: auto;
}

/* Headline */
.ce-headline-left {
  text-align: left;
}

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

/* Uploads */
.ce-uploads {
  @include list-unstyled;

}

.ce-uploads-icon {
  margin-left: -2em;
  position: absolute;
  line-height: inherit !important;

}

.ce-uploads-item {
  padding-left: 2em;

  + .ce-uploads-item {
    margin-top: .5em;
    padding-top: .5em;
    border-top: 1px solid lighten($body-color, 60%);
  }
}

.ce-uploads-description {
  font-size: small;
}


/* Table */


.ce-table {
  @extend .table;
}



/* Space */
.frame-space-before-extra-small {
  margin-top: 1em;
}

.frame-space-before-small {
  margin-top: 2em;
}

.frame-space-before-medium {
  margin-top: 3em;
}

.frame-space-before-large {
  margin-top: 4em;
}

.frame-space-before-extra-large {
  margin-top: 5em;
}

.frame-space-after-extra-small {
  margin-bottom: 1em;
}

.frame-space-after-small {
  margin-bottom: 2em;
}

.frame-space-after-medium {
  margin-bottom: 3em;
}

.frame-space-after-large {
  margin-bottom: 4em;
}

.frame-space-after-extra-large {
  margin-bottom: 5em;
}

/* Frame */
.frame-ruler-before:before {
  content: '';
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  margin-bottom: 2em;
}

.frame-ruler-after:after {
  content: '';
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  margin-top: 2em;
}

.frame-indent {
  margin-left: 15%;
  margin-right: 15%;
}

.frame-indent-left {
  margin-left: 33%;
}

.frame-indent-right {
  margin-right: 33%;
}


.ce-textpic {
  @include make-row;
  align-items: center;
  &.ce-right {
    flex-direction: row-reverse;
  }
}

.ce-gallery, .ce-bodytext {
  @include make-col-ready();
  @include media-breakpoint-up(md) {
    @include make-col(6)
  }


}


.has-background--primary {
  background-color: $primary;
  * {
    color: #fff;
  }
}


.has-background--light {
  background-color: $gray-100;
  * {
    //color: #fff;
  }
}