/* TYPO3 9 : CHANGE DEFAULT SETTINGS */

/* Image Rows */
.ce-gallery { margin-right:-20px !important; }
.ce-row { display:inline-block !important; height:100%; overflow:hidden;   margin-bottom:0px !important; }
.ce-gallery .ce-column { margin-right:20px !important; margin-bottom:20px !important;  }
.ce-gallery .ce-column img { max-width:100% !important; height:auto; }

.ce-gallery[data-ce-columns="2"] .ce-column { width:48%;  width: calc(50% - 20px);  }
.ce-gallery[data-ce-columns="3"] .ce-column { width:31%;  width: calc(33.333% - 20px); }
.ce-gallery[data-ce-columns="4"] .ce-column { width:22%;  width: calc(25% - 20px); }
.ce-gallery[data-ce-columns="5"] .ce-column { width:18%;  width: calc(20% - 20px); }
.ce-gallery[data-ce-columns="6"] .ce-column { width:15%;  width: calc(16.666% - 20px); }
.ce-gallery[data-ce-columns="7"] .ce-column { width:13%;  width: calc(14.285% - 20px); }
.ce-gallery[data-ce-columns="8"] .ce-column { width:12%;  width: calc(12.5% - 20px);  }
.ce-gallery[data-ce-columns="9"] .ce-column { width:11%;  width: calc(11.1111% - 20px); }
.ce-gallery[data-ce-columns="10"] .ce-column { width:10%;  width: calc(10% - 20px); }


/* Exception : Columns = 1 (no Image Row )*/
.ce-gallery[data-ce-columns="1"],
.ce-gallery[data-ce-columns="1"] .ce-column  { margin-right:0px !important; }




@media screen and (max-width: 1060px) { 
	.ce-gallery[data-ce-columns="8"]  .ce-column { width:15%;  width: calc(16.666% - 20px); }
	.ce-gallery[data-ce-columns="9"]  .ce-column { width:15%;  width: calc(16.666% - 20px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { width:15%;  width: calc(16.666% - 20px); }
}


@media screen and (max-width: 880px) { 
	
	.ce-gallery[data-ce-columns="5"]  .ce-column { width:24%;  width: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="6"]  .ce-column { width:24%;  width: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="7"]  .ce-column { width:24%;  width: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="8"]  .ce-column { width:24%;  width: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="9"]  .ce-column { width:24%;  width: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { width:24%;  width: calc(25% - 20px); }
}



@media screen and (max-width: 767px) {

	/* Frame Space */
	.frame-space-before-extra-small { margin-top: 1em; }
	.frame-space-before-small { margin-top: 1em; }
	.frame-space-before-medium { margin-top: 2em; }
	.frame-space-before-large { margin-top: 3em; }
	.frame-space-before-extra-large { margin-top: 3em; }
	.frame-space-after-extra-small { margin-bottom: 1em; }
	.frame-space-after-small { margin-bottom: 1em; }
	.frame-space-after-medium { margin-bottom: 2em; }
	.frame-space-after-large { margin-bottom: 3em; }
	.frame-space-after-extra-large { margin-bottom: 3em; }

}

@media screen and (max-width: 680px) {
	.ce-row { display:inline !important;  }
 	.ce-gallery[data-ce-columns="4"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="5"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="6"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="7"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="8"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="9"]  .ce-column { width:24%;  width: calc(33.333% - 20px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { width:24%;  width: calc(33.333% - 20px); }
	

	/* Typo3 Bild Text Reset für Mobile */
	div.csc-textpic-imagewrap  {
		float:none;
		clear:both;
		display:block;
		}

    div.csc-textpic-text {
		float:none;
		clear:both;
		margin-left:0px !important;
		margin-right:0px !important;
		padding-bottom:10px !important;
    }

	/* clear flaot on t3 Text & Bild */
	.ce-gallery[data-ce-columns="1"] { float: none !important; }
	.ce-intext.ce-right .ce-gallery[data-ce-columns="1"], .ce-intext.ce-left .ce-gallery[data-ce-columns="1"], .ce-above .ce-gallery[data-ce-columns="1"] {
		margin-bottom: 15px;
	}

}



@media screen and  (max-width: 480px) { 
	
	.ce-gallery { margin-right:-15px !important; }
	.ce-gallery .ce-column { margin-right:15px !important; margin-bottom:15px !important;  }
	
	.ce-gallery[data-ce-columns="2"] .ce-column { width:100%; }
	.ce-gallery[data-ce-columns="3"] .ce-column { width:100%; }
  	.ce-gallery[data-ce-columns="4"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="5"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="6"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="7"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="8"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="9"]  .ce-column { width:24%;  width: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { width:24%;  width: calc(50% - 15px); }

		/* Frame Space */
	.frame-space-before-extra-small { margin-top:15px; }
	.frame-space-before-small { margin-top: 15px; }
	.frame-space-before-medium { margin-top: 20px; }
	.frame-space-before-large { margin-top: 28px; }
	.frame-space-before-extra-large { margin-top: 40px; }

	.frame-space-after-extra-small { margin-bottom: 15px; }
	.frame-space-after-small { margin-bottom: 15px; }
	.frame-space-after-medium { margin-bottom: 20px; }
	.frame-space-after-large { margin-bottom: 28px; }
	.frame-space-after-extra-large { margin-bottom: 40px; }
	
}