/* -------------------- */
/* Kreativ Praxis 05-2020 */
/* -------------------- */


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


.frame-space-before-small {margin-top:3%;}
.frame-space-before-medium {margin-top:6%;}
.frame-space-before-large {margin-top:9%;}

.frame-space-after-small {margin-bottom:3%;}
.frame-space-after-medium {margin-bottom:6%;}
.frame-space-after-large {margin-bottom:9%;}

.hunderter .megazeil,
.hunderter .ce-outer,
.hunderter .ce-row,
.hunderter .ce-gallery,
.hunderter .ce-textpic,
.hunderter .image { width: 100% !important;}
.hunderter .container {padding: 0 !important;}
.hunderter .frame {width: 100%; height: auto;}

.hunderter .ce-gallery[data-ce-columns="3"] .ce-column {
    width: 33.33333% !important;}


.hunderter {max-width: 100% !important; padding: 0 !important;}
.hunderter .ce-gallery img {padding: 0;width: 100%; }
.hunderter .ce-column {padding: 0 !important ;}

.hunderterimage .megazeil,
.hunderterimage .ce-column, 
.hunderterimage .ce-row,
.hunderterimage .ce-gallery,
.hunderterimage .ce-textpic,
.hunderterimage .image { width: 100% !important;}
.hunderterimage .container {padding: 0 !important;}
.hunderterimage .frame,
.hunderterimage img {width: 100%; height: auto;}

.hunderterimage {max-width: 100% !important; padding: 0 !important;}
.hunderterimage .ce-gallery img {padding: 0;}



header .ce-gallery .ce-column {padding: 0;}

.ce-bodytext p {
	margin:0 0 8px 0;
}

blockquote::before {
    content: '"';
    float: left;
    left: 0;
    font-size: 62px;
    line-height: 56px;
}
blockquote {
	font-size:20px;
}


main .frame,
main .ce-textpic {
    display: inline-block;
	width: 100%
}







.ce-gallery figure {
    display: inline-block;
}
.ce-row {
	clear: both;
}
 .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, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div {
     overflow: inherit !important ;
}

 .GFX .ce-textpic {
     overflow: hidden !important
}

 .ce-left .ce-gallery {
     float: left;
	 width: auto;
}

.ce-left .ce-bodytext p {float: inherit;}
.ce-table,
 .contenttable {
     width:100%;
     border-collapse: collapse;
}
.ce-table tr:hover,
 .contenttable tr:hover {
 
}
.ce-table tr,
 .contenttable tr {
}
.ce-table tr td,
 .contenttable tr td {
   
     padding:8px;
}
.ce-table tr:nth-child(odd),
 .contenttable tr:nth-child(odd) {
  
}

/* ----------- */
/* Oben Mittig */
/* ----------- */
 .ce-center {
     float: none;
}
 .ce-center .ce-row {
     display: block;
    /* establish flex container */
     flex-direction: row;
    /* default value;
     can be omitted */
     flex-wrap: nowrap;
    /* default value;
     can be omitted */
     justify-content:center;
    /* switched from default (flex-start, see below) */
}
 .ce-center .ce-gallery {
     display: flex;
    /* establish flex container */
     flex-direction: row;
    /* default value;
     can be omitted */
     flex-wrap: nowrap;
    /* default value;
     can be omitted */
     justify-content:center;
    /* switched from default (flex-start, see below) */
}





.ce-center figure {
     margin:0 auto;
}
/* ----------- */
/* Oben Mittig */
/* ----------- */
/* ----------- */
/* Oben Rechts */
/* ----------- */
 .ce-right {
     float: none;
}
 .ce-right .ce-row {
     display: block;
    /* establish flex container */
     flex-direction: row;
    /* default value;
     can be omitted */
     flex-wrap: nowrap;
    /* default value;
     can be omitted */
     justify-content:center;
    /* switched from default (flex-start, see below) */
}
 .ce-right .ce-gallery {
     display: block;
    /* establish flex container */
     flex-direction: row;
    /* default value;
     can be omitted */
     flex-wrap: nowrap;
    /* default value;
     can be omitted */
     justify-content:center;
    /* switched from default (flex-start, see below) */
}
 .ce-right .ce-row {
     width:100%;
}
 .ce-right figure {
     float: right;
}
/* ----------- */
/* Oben Rechts */
/* ----------- */
/* -------------- */
/* Im Text Rechts */
/* -------------- */
 .ce-textpic.ce-right.ce-intext {
     position: relative;
     float: left;
     width:100%;
}
 .ce-intext.ce-right .ce-gallery {
     margin-left: 50px;
}
 .ce-intext.ce-right .ce-gallery {
     float: right;
	 width: auto !important;
}
 .ce-intext.ce-bodytext {
     float: left;
}
/* -------------- */
/* Im Text Rechts */
/* -------------- */
/* --------------------- */
/* Neben dem Text rechts */
/* -------------------- */
 .ce-textpic.ce-right.ce-intext.ce-nowrap {
     position: relative;
     float: left;
     width:100%;
}
 .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
     float: right;
     display: inline-block;
     position: relative;
     overflow: hidden !important;
}
 .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext {
     float: none;
     display: table;
     overflow: hidden;
     width: auto;
     box-sizing: border-box;
}
/* --------------------- */
/* Neben dem Text rechts */
/* -------------------- */
/* -------------------- */
/* Neben dem Text links */
/* -------------------- */

 .ce-textpic.ce-left.ce-intext.ce-nowrap {
     position: relative;
     float: left;
     width:100%;
}
 .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
     float: left;
     display: inline-block;
     position: relative;
     overflow: hidden !important;
}
 .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext {
     float: none;
     display: table;
     overflow: hidden;
     width: auto;
     box-sizing: border-box;
}
/* -------------------- */
/* Neben dem Text links */
/* -------------------- */
 .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: {
        $styles.content.textmedia.borderWidth
    }
    px solid {
        $styles.content.textmedia.borderColor
    }
    ;
     padding: {
        $styles.content.textmedia.borderPadding
    }
    px;
}
 .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
     margin-bottom: {
        $styles.content.textmedia.textMargin
    }
    px;
}
 .ce-intext.ce-left .ce-gallery {
     margin-right: 100px;
}
 .ce-intext.ce-left .ce-gallery {
     margin-right: {
        $styles.content.textmedia.textMargin
    }
    px;
}
 .ce-below .ce-gallery {
     margin-top: {
        $styles.content.textmedia.textMargin
    }
    px;
}
 .ce-column {
     margin-right: {
        $styles.content.textmedia.columnSpacing
    }
    px;
}
 .ce-column:last-child {
     margin-right: 0;
}
 .ce-row {
     margin-bottom: {
        $styles.content.textmedia.rowSpacing
    }
    px;
}
 .ce-row:last-child {
     margin-bottom: 0;
}
 .ce-above .ce-bodytext {
     clear: both;
}

 .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;
}
 figcaption {
     bottom: 20px;
     color: #000;
     font-size: 16px;
     left: 0;
     margin: 0 auto;
     padding: 2% 4%;
     position: absolute;
     text-align: center;
     background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 
}
 .csc-textpic-caption {
     color: #00333f ;
     font-size: 25px;
     font-weight: bold;
     margin: 0 auto;
     max-width: 400px;
     padding: 15px;
     text-align: center;
     text-transform: uppercase;
}
 .ce-media{
     padding-bottom: 20px;
}
 .ce-gallery .ce-column {
     margin: 0;
    /* Abstand zwischen Bildern */
     padding: 0 5px 10px 5px;
     box-sizing: border-box;
	   position: relative;
}
/* Kein Abstand beim ersten und letzten Bild */
/* .ce-gallery .ce-column:first-child {
     padding-left: 0;
}
 .ce-gallery .ce-column:last-child {
     margin-right: 0;
}
 */
/* Kein Abstand beim ersten und letzten Bild */
/* Fluid Image Tags */
 .ce-gallery img, .ce-gallery picture {
     max-width: 100%;
     height: auto;
}
/* Spaltenbreiten je nach eingestellten Columns */
 .ce-gallery[data-ce-columns="1"] .ce-column {
     width: 100%;
}
 .ce-gallery[data-ce-columns="2"] .ce-column {
     width: 50%;
	 float: left;
}
 .ce-gallery[data-ce-columns="3"] .ce-column {
     width: 33%;
	 float: left;
}
 .ce-gallery[data-ce-columns="4"] .ce-column {
     width: 25%;
	 float: left;
}
 .ce-gallery[data-ce-columns="5"] .ce-column {
     width: 20%;
	 float: left;
	 }
 .ce-gallery[data-ce-columns="6"] .ce-column {
		 width: 15%; display: inline-block;}



/*CE-Images Anpassungen*/
/*CE-Images Responsive Anpassungen */
/* Gallerie bis 992px auf volle Breite */
 @media (max-width: 992px) {
     .ce-gallery, .ce-bodytext {
     
         padding:0;
         margin:0;
    }
}
/* Anpassungen von kleinen bis groeßeren Geraeten */
 @media (min-width: 640px) and (max-width: 1200px) {
     .ce-gallery .ce-column {
         margin: 0;
        /* Abstand zwischen Bildern */
         padding: 0 5px;
         box-sizing: border-box;
    }
    /* Kein Abstand beim ersten und letzten Bild */
    /*.ce-gallery .ce-column:first-child {
         padding-left: 0;
    }
     .ce-gallery .ce-column:last-child {
         margin-right: 0;
    }
    */
    /* Fluid Image Tags */
     .ce-gallery img, .ce-gallery picture {
         width: auto;
         height: auto;
    }
    /* Spaltenbreiten je nach eingestellten Columns */
     .ce-gallery[data-ce-columns="2"] .ce-column {
         width: 50%;
    }
     .ce-gallery[data-ce-columns="3"] .ce-column {
         width: 33%;
    }
     .ce-gallery[data-ce-columns="4"] .ce-column {
         width: 25%;
    }
     .ce-gallery[data-ce-columns="5"] .ce-column {
         width: 20%;
    }

}
/* Anpassungen fuer kleine Geraete */
 @media (max-width: 640px) {
    /* Ein Bild pro Zeile */
     .ce-gallery .ce-column {
         margin: 0 0 10px;
         width: 100% !important;
         box-sizing: border-box;
    }
    /* Fluid Image Tags */
     .ce-gallery img, .ce-gallery picture {
              height: auto;
    }
}
/*CE-Image Responsive Anplassunge*/