/* TYPO3 10 : CHANGE DEFAULT SETTINGS */

/* Frame Padding */
.frame-padding-1 { padding: 1em 0; }
.frame-padding-2 { padding: 2em 0; }
.frame-padding-3 { padding: 4.5em 0; }
.frame-padding-4 { padding: 6em 0; }
.frame-padding-5 { padding: 10em 0; }


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


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

.ce-gallery[data-ce-columns="1"] .ce-row { display:block !important;  }
.ce-gallery[data-ce-columns="2"] .ce-column { flex:0 0 calc(50% - 20px);  }
.ce-gallery[data-ce-columns="3"] .ce-column { flex:0 0 calc(33.333% - 20px);   }
.ce-gallery[data-ce-columns="4"] .ce-column { flex:0 0 calc(25% - 20px); }
.ce-gallery[data-ce-columns="5"] .ce-column { flex:0 0 calc(20% - 20px); }
.ce-gallery[data-ce-columns="6"] .ce-column { flex:0 0 calc(16.666% - 20px); }
.ce-gallery[data-ce-columns="7"] .ce-column { flex:0 0 calc(14.285% - 20px); }
.ce-gallery[data-ce-columns="8"] .ce-column { flex: 0 0 calc(12.5% - 20px);  }
.ce-gallery[data-ce-columns="9"] .ce-column { flex: 0 0 calc(11.1111% - 20px); }
.ce-gallery[data-ce-columns="10"] .ce-column { flex:0 0 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; }

.ce-intext.ce-left .ce-gallery[data-ce-columns="1"] {
	margin-right: 15px !important;
}

.ce-intext.ce-right .ce-gallery[data-ce-columns="1"]  {
   margin-right: 0px !important;
   margin-left:15px !important
}



/* Gridelements Frame Space */
.frame-type-gridelements_pi1.frame-space-before-extra-small { margin-top: 0 !important;  padding-top: 1em; }
.frame-type-gridelements_pi1.frame-space-before-small { margin-top: 0 !important; padding-top: 2em; }
.frame-type-gridelements_pi1.frame-space-before-medium { margin-top: 0 !important; padding-top: 4.5em; }
.frame-type-gridelements_pi1.frame-space-before-large { margin-top: 0 !important; padding-top: 6em; }
.frame-type-gridelements_pi1.frame-space-before-extra-large { margin-top: 0 !important; padding-top: 10em; }

.frame-type-gridelements_pi1.frame-space-after-extra-small { margin-bottom: 0; padding-bottom: 1em; }
.frame-type-gridelements_pi1.frame-space-after-small { margin-bottom: 0; padding-bottom: 2em; }
.frame-type-gridelements_pi1.frame-space-after-medium { margin-bottom: 0; padding-bottom: 4.5em; }
.frame-type-gridelements_pi1.frame-space-after-large { margin-bottom: 0; padding-bottom: 6em; }
.frame-type-gridelements_pi1.frame-space-after-extra-large { margin-bottom:0; padding-bottom: 10em; }


/* Gridelements Background Image */
.bg-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}



@media screen and (min-width: 1440px) {
}



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


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

	/* Frame Space */
	.frame-space-before-extra-small { margin-top: 1em; }
	.frame-space-before-small { margin-top: 1.5em; }
	.frame-space-before-medium { margin-top: 2.5em; }
	.frame-space-before-large { margin-top: 4em; }
	.frame-space-before-extra-large { margin-top: 6em; }
	.frame-space-after-extra-small { margin-bottom: 1em; }
	.frame-space-after-small { margin-bottom: 1.5em; }
	.frame-space-after-medium { margin-bottom: 2.5em; }
	.frame-space-after-large { margin-bottom: 4em; }
	.frame-space-after-extra-large { margin-bottom: 6em; }

}


@media screen and (max-width: 880px) { 
	
	.ce-gallery[data-ce-columns="4"]  .ce-column { flex-basis:calc(33.3333% - 20px);  }
	.ce-gallery[data-ce-columns="5"]  .ce-column { flex-basis: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="6"]  .ce-column { flex-basis: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="7"]  .ce-column { flex-basis: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="8"]  .ce-column { flex-basis: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="9"]  .ce-column { flex-basis: calc(25% - 20px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { flex-basis: 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; }

	/* Frame Padding */
	.frame-padding-1 { padding: 1em 0; }
	.frame-padding-2 { padding: 2em 0; }
	.frame-padding-3 { padding: 3em 0; }
	.frame-padding-4 { padding: 4em 0; }
	.frame-padding-5 { padding: 6em 0; }


	/* Gridelements Frame Space */
	.frame-type-gridelements_pi1.frame-space-before-extra-small { margin-top: 0 !important;  padding-top: 1em; }
	.frame-type-gridelements_pi1.frame-space-before-small { margin-top: 0 !important; padding-top: 1.5em; }
	.frame-type-gridelements_pi1.frame-space-before-medium { margin-top: 0 !important; padding-top: 2.3em; }
	.frame-type-gridelements_pi1.frame-space-before-large { margin-top: 0 !important; padding-top: 3.3em; }
	.frame-type-gridelements_pi1.frame-space-before-extra-large { margin-top: 0 !important; padding-top: 4.8em; }

	.frame-type-gridelements_pi1.frame-space-after-extra-small { margin-bottom: 0; padding-bottom: 1em; }
	.frame-type-gridelements_pi1.frame-space-after-small { margin-bottom: 0; padding-bottom: 1.5em; }
	.frame-type-gridelements_pi1.frame-space-after-medium { margin-bottom: 0; padding-bottom: 2.3em; }
	.frame-type-gridelements_pi1.frame-space-after-large { margin-bottom: 0; padding-bottom: 3.3em; }
	.frame-type-gridelements_pi1.frame-space-after-extra-large { margin-bottom:0; padding-bottom: 4.8em; }

	/* Text&Media und Image */
	.ce-gallery[data-ce-columns="1"] {
		float:none !important;
	 }

	 .ce-intext.ce-right .ce-gallery[data-ce-columns="1"] {
		margin-left: 0px !important;
	}

	.ce-intext.ce-right .ce-gallery[data-ce-columns="1"], 
	.ce-intext.ce-left .ce-gallery[data-ce-columns="1"] {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 680px) {
	
	.ce-gallery[data-ce-columns="3"]  .ce-column {  flex-basis: calc(50% - 20px); }
	.ce-gallery[data-ce-columns="4"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="5"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="6"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="7"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="8"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="9"]  .ce-column {  flex-basis: calc(33.333% - 20px); }
   .ce-gallery[data-ce-columns="10"] .ce-column {  flex-basis: 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 { flex-basis:calc(100% - 15px); }
	.ce-gallery[data-ce-columns="3"] .ce-column { flex-basis:calc(100% - 15px); }
	.ce-gallery[data-ce-columns="4"] .ce-column { flex-basis:calc(50% - 15px);  }
	.ce-gallery[data-ce-columns="5"] .ce-column { flex-basis: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="6"] .ce-column { flex-basis: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="7"] .ce-column { flex-basis: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="8"] .ce-column { flex-basis: calc(50% - 15x); }
	.ce-gallery[data-ce-columns="9"] .ce-column { flex-basis: calc(50% - 15px); }
	.ce-gallery[data-ce-columns="10"] .ce-column { flex-basis: calc(50% - 15px); }

	/* Frame Space */
	.frame-space-before-extra-small { margin-top:20px; }
	.frame-space-before-small { margin-top: 20px; }
	.frame-space-before-medium { margin-top: 20px; }
	.frame-space-before-large { margin-top: 25px; }
	.frame-space-before-extra-large { margin-top: 25px; }
	.frame-space-after-extra-small { margin-bottom: 20px; }
	.frame-space-after-small { margin-bottom: 20px; }
	.frame-space-after-medium { margin-bottom: 20px; }
	.frame-space-after-large { margin-bottom: 25px; }
	.frame-space-after-extra-large { margin-bottom: 25px; }
	
}