/*	****************************************************************************
	LAYOUT Collage *************************************************************
	***************************************************************************/
/*	Zugehoerige Templateanpassungen 
	Inhaltselement Bild =>	ce_image_lay_bild_einleitungsvollbild.html5
							image_lay_bild_einleitungsvollbild.html5
*/

/*	Schrift *******************************************************************/


/*	FARBEN  ********************************************************************
	schwarz		#000
	weiss		#fff
	***************************************************************************/



/* AMDA | mod_projekt */



/* Grundlayout */
.mod_projekt {position:relative;margin:0;/*padding-top:1.125em;*/width:auto;height:auto;}
.mod_projekt.projekte {text-align:center;}
.mod_projekt.projekte .inside {padding-top:0;}
.mod_projekt.kochkurs {margin-top:2.25em;}
/*.mod_projekt .inside {padding:2.25em;}*/
.mod_projekt.kochkurs {background:#f8bdae;}
.mod_projekt.naehkurs {background:#baddbe;}
.mod_projekt.schueleraustausch {background:#f1f1f1;}
.mod_projekt.auxilia {background:#e1a8a6;}

/* Text */
.mod_projekt h1 {font-family:lithos-pro,sans-serif;font-size:32px;font-weight:300;font-style:normal;text-align:center;color:#333;display:inline-block;margin:0 auto 1.125em auto;}
.mod_projekt .inside {position:relative;margin:0 auto;padding:4.5em 0 0 0;width:84%;max-width:512px;}
.mod_projekt .ce_text {margin:1.4em 0 0 0;}


/* Fotocollage | 3 Spalten */
.mod_projekt .ce_gallery {position:relative;clear:left;margin:0 auto;width:100%;}
.mod_projekt .ce_gallery ul {list-style:none;margin:0;padding:4.5em 0;}
.mod_projekt .ce_gallery li {float:left;width:33.333%;}
.mod_projekt .ce_gallery li:last-child {display:inline-block;float:none;}
.mod_projekt .ce_gallery figure {border:3px solid #fff;border-bottom:14px solid #fff;box-shadow:0 0 10px #666;}
.mod_projekt .ce_gallery .row_0.col_0 figure {transform:rotate(-9deg);}
.mod_projekt .ce_gallery .row_0.col_1 figure {transform:rotate(6deg);}
.mod_projekt .ce_gallery .row_0.col_2 figure {transform:rotate(12deg);}
.mod_projekt .ce_gallery .row_1.col_0 figure {transform:rotate(9deg);}
.mod_projekt .ce_gallery .row_1.col_1 figure {transform:scale(1.5);}
.mod_projekt .ce_gallery .row_1.col_2 figure {transform:rotate(-6deg);}
.mod_projekt .ce_gallery .row_2.col_0 figure {transform:rotate(-15deg);}
.mod_projekt .ce_gallery .row_2.col_1 figure {transform:rotate(-6deg);}
.mod_projekt .ce_gallery .row_2.col_2 figure {transform:rotate(9deg);}



/* #article-12 .inside {padding:15em 4.5em;} */
#article-10 .inside {margin:0 auto;max-width:1188px;}


/* Grossbildansicht */
#mbOverlay {z-index:10000000000;}
#mbCenter {z-index:10000000000;background-color:#fff !important;border-radius:0;color:#333;}
#mbPrevLink big, #mbNextLink big, #mbCloseLink big {text-decoration:none;color:#333;}

@media screen and (min-width:768px) {
	.mod_projekt.kochkurs {margin-top:4.5em;}
}

@media screen and (min-width:960px) {
	/* Grundlayout */
	/*.mod_projekt {padding-top:2.25em;}*/
	/*.mod_projekt .inside {padding:4.5em 2.25em;}*/
	/* Fotocollage | 3 Spalten */
	.mod_projekt .ce_gallery figure {border:6px solid #fff;border-bottom:28px solid #fff;box-shadow:0 0 10px #888;}
}


@media screen and (min-width:1200px) {
	.mod_projekt.kochkurs {margin-top:6.75em;}
	.mod_projekt .inside {margin:0 auto 0 50%;padding:9em 8% 9em 2.25em;width:calc(50% - 8% - 2.25em);}
	.mod_projekt.odd .inside {margin:0 50% 0 auto;padding:9em 2.25em 9em 8%;width:calc(50% - 8% - 2.25em);}
	.mod_projekt .ce_text {margin:1.4em 8% 2.25em 8%;margin:0 auto 0 0;padding-left:3.375em;max-width:calc(512px - 3.375em);}
	.mod_projekt.odd .ce_text {margin:0 0 0 auto;padding-left:0;padding-right:3.375em;}
	.mod_projekt .ce_gallery {position:absolute;top:0;left:-100%;width:100%;height:100%;}
	.mod_projekt.odd .ce_gallery {left:100%;width:100%;}
	.mod_projekt .ce_gallery ul {padding:0 2.25em 0 8%;width:calc(100% - 8% - 2.25em);}
	.mod_projekt.odd .ce_gallery ul {padding:0 8% 0 2.25em;}
	.mod_projekt.kochkurs .ce_gallery ul {padding-top:4.5em;}
	.mod_projekt.naehkurs .ce_gallery ul {padding-top:12em;}
	.mod_projekt.schueleraustausch .ce_gallery ul {padding-top:7em;}
	.mod_projekt.auxilia .ce_gallery ul {padding-top:8em;}
}

@media screen and (min-width:1440px) {
	/* Fotocollage | 3 Spalten */
	/*.mod_projekt .ce_gallery {margin-top:4.5em;max-width:576px;}*/
}