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

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic:after {
      display: block;
      clear: both;
      content: "";
    }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    /*
     * Responsive textpic
     */

    /* Add margins */
    .ce-intext.ce-right .ce-gallery,
    .ce-intext.ce-left .ce-gallery,
    .ce-above .ce-gallery {
      margin-bottom: 24px;
    }

    /* Intext Full width */
    .ce-intext .ce-column,
    .ce-intext .ce-gallery .image,
    .ce-intext .ce-gallery .image-embed-item {
      width: 100%;
    }

    .ce-intext .ce-column {
      max-width: 774px;
    }

    /* Flexbox row */
    .ce-gallery .ce-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -48px;
    }

    .ce-gallery .ce-column {
      /* `flex: 1` is needed for responsive videos, but in turn requires manual
       * break points, `flex-wrap: wrap` doesn't work with it.
       */
      padding-left: 48px;
      margin-bottom: 48px;

      box-sizing: border-box;
    }

    .ce-gallery .ce-row:last-child .ce-column {
      margin-bottom: 0;
    }

    .ce-gallery[data-ce-columns="1"] .ce-column {
      -ms-flex-preferred-size: auto;
          flex-basis: auto;
          width: 100%;
    }

    @media (max-width: 1024px) {
    .ce-gallery .ce-column {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
        }


      .ce-nowrap .ce-gallery[data-ce-columns="1"] .ce-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
      }

      .ce-gallery .ce-row,
            .ce-gallery .ce-row {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
                          flex-wrap: wrap;

      }

      .ce-gallery[data-ce-columns="2"] .ce-column,
      .ce-gallery .ce-column,
      .ce-gallery .ce-column {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%
      }

      .ce-gallery[data-ce-columns="1"] .ce-column {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%
      }

    }

    /* Behaviour of image and text */
    /* Above & Below Image width */
      .ce-above .ce-gallery[data-ce-columns="1"] .ce-outer {

      }
        .ce-above .ce-gallery .image,
        .ce-above .ce-gallery .image-embed-item,
        .ce-below .ce-gallery .image,
        .ce-below .ce-gallery .image-embed-item,
         .ce-above .ce-gallery[data-ce-columns="1"] .ce-outer,
         .ce-below .ce-gallery[data-ce-columns="1"] .ce-outer {
            width:100%;
        }

    @media (min-width: 1024px) {
      /* Above & Below text */
      .ce-above .ce-gallery .ce-column, .ce-below .ce-gallery .ce-column {
         /* margin-bottom: 0;*/
      }

      .ce-above .ce-gallery, .ce-below .ce-gallery {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          flex-direction: column;
      }

      .ce-above.ce-center .ce-gallery, .ce-below.ce-center .ce-gallery {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
      }

      .ce-above.ce-right .ce-gallery, .ce-below.ce-right .ce-gallery {
          -webkit-box-pack: end;
          -ms-flex-pack: end;
          justify-content: flex-end;
      }

      /* In text */
      .ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery {
          margin-bottom:0;
      }

      .ce-intext.ce-left .ce-gallery {
          float: left;
          margin-right: 48px;
      }

      .ce-intext.ce-right .ce-gallery {
          float: right;
          margin-left: 48px;
      }

      /* Beside text */
      .ce-intext.ce-nowrap {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
      }

      .ce-intext.ce-nowrap .ce-bodytext {
          -webkit-box-flex: 1;
              -ms-flex: 1 1 100%;
                  flex: 1 1 100%;
      }


      .ce-intext.ce-nowrap .ce-gallery {
          float: none;
      }

      /* IE 10+ fix */
      _:-ms-input-placeholder, :root .ce-intext.ce-nowrap .ce-column {
        flex-basis: auto;
      }

      .ce-intext.ce-right.ce-nowrap .ce-bodytext {
          -webkit-box-ordinal-group: 2;
              -ms-flex-order: 1;
                  order: 1;
      }

      .ce-intext.ce-right.ce-nowrap .ce-gallery {
          -webkit-box-ordinal-group: 3;
              -ms-flex-order: 2;
                  order: 2;
      }

      /* Center */
      .ce-center .ce-row {
        justify-content: center;
      }

      /* Left */
      .ce-left .ce-row {
        justify-content: flex-start;
      }

      /* Right */
      .ce-right .ce-row {
        justify-content: flex-end;
      }
    }

    @media (max-width: 440px) {
      .ce-gallery .ce-row,
      .ce-gallery .ce-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
      }
      .ce-gallery .ce-column {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
      }
    }

    /* Avoids overflowing of the last row's image width */
    @media (min-width: 1024px) {
        .container--small .ce-gallery[data-ce-columns="6"] .ce-row:last-child .image-embed-item {
          max-width: 130px;
        }

        .container--small .ce-gallery[data-ce-columns="5"] .ce-row:last-child .image-embed-item {
          max-width: 166px;
        }

        .container--small .ce-gallery[data-ce-columns="4"] .ce-row:last-child .image-embed-item {
          max-width: 220px;
        }

        .container--small .ce-gallery[data-ce-columns="3"] .ce-row:last-child .image-embed-item {
          max-width: 309px;
        }

        .container--small .ce-gallery[data-ce-columns="2"] .ce-row:last-child .image-embed-item {
          max-width: 488px;
        }
    }

    /* Responsive video */
    .ce-gallery .ce-column .video {
      display: block;
      width: 100%;
    }

    .ce-gallery .ce-column .video-embed-item {
      width: 100%;
    }

    .ce-gallery .video-container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

    .ce-gallery .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }


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

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* 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%; }