/* TYPO3 10 : CHANGE DEFAULT SETTINGS */

/* Image Rows */
.ce-gallery { margin-right:-20px !important; }
.ce-row { display:inline !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; }



/* 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: 100% auto; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: flex;
    justify-content: left;
    align-items: flex-end;
}


/*.bg-image::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(113, 113, 113, 0) 0%, rgba(113, 113, 113, 0) 75%, rgba(43, 43, 43, 1) 100%);
	z-index: 0;
}*/

.bg-image.shadow::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(113, 113, 113, 0) 0%, rgba(113, 113, 113, 0) 70%, rgba(43, 43, 43, 1) 100%);
  	z-index: 0;
}

.home .bg-image.shadow {
	background-position: 70% bottom;
}

#wrap-topbild .bg-image {
	background-position: center 25%;
}

#wrap-topbild .bg-image.bg-left {
	background-position: 75% 25%;
}

#wrap-topbild .bg-image.bg-right {
	background-position: 25% 25%;
}

#wrap-topbild .bg-image.bg-center {
	background-position: center 45%;
}

#wrap-topbild .bg-image.bg-center.bg-left {
	background-position: 75% 45%;
}

#wrap-topbild .bg-image.bg-center.bg-right {
	background-position: 25% 45%;
}

#inhalt .bg-image .frame {
	z-index: 1;
}

#inhalt .bg-image .frame a {
	line-height: 1.1em;
}

#inhalt .bg-image {
	position: relative;
}



@media screen and (min-width: 1440px) {
	/*
	.frame-type-gridelements_pi1.frame-space-before-extra-large { margin-top: 0 !important; padding-top: 15em; }
	.frame-type-gridelements_pi1.frame-space-after-extra-large { margin-bottom:0; padding-bottom: 15em; }
	*/
}



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

	.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: 1em; }
	.frame-type-gridelements_pi1.frame-space-before-medium { margin-top: 0 !important; padding-top: 2em; }
	.frame-type-gridelements_pi1.frame-space-before-large { margin-top: 0 !important; padding-top: 3em; }
	.frame-type-gridelements_pi1.frame-space-before-extra-large { margin-top: 0 !important; padding-top: 3em; }

	.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: 2em; }
	.frame-type-gridelements_pi1.frame-space-after-large { margin-bottom: 0; padding-bottom: 3em; }
	.frame-type-gridelements_pi1.frame-space-after-extra-large { margin-bottom:0; padding-bottom: 3em; }

}

@media screen and (max-width: 680px) {
	
 	.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: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; }
	
}