/*	****************************************************************************
	LAYOUT Collage *************************************************************
	***************************************************************************/
/*	Zugehoerige Templateanpassungen 
	Inhaltselement Bild =>	content-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.kochkurs {margin-top:2.25em;}
.mod_projekt.projekte {text-align:center;}
.mod_projekt.projekte .inside {padding-top:0;}
.mod_projekt.kochkurs {padding-top:0;}
/*.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 .content-text {margin:1.4em 0 0 0;}


/* Fotocollage | 3 Spalten */
.mod_projekt .content-gallery {position:relative;clear:left;margin:0 auto;width:100%;}
.mod_projekt .content-gallery ul {list-style:none;margin:0;padding:4.5em 0;}
.mod_projekt .content-gallery li {float:left;width:33.333%;}
.mod_projekt .content-gallery li:last-child {display:inline-block;float:none;}
.mod_projekt .content-gallery figure {/*border:3px solid #fff;border-bottom:14px solid #fff;box-shadow:0 0 10px #666;*/margin-right:4px;margin-bottom:4px;}
/* .mod_projekt .content-gallery .row_0.col_0 figure {transform:rotate(-9deg);}
/* .mod_projekt .content-gallery .row_0.col_1 figure {transform:rotate(6deg);} */
/* .mod_projekt .content-gallery .row_0.col_2 figure {transform:rotate(12deg);} */
/* .mod_projekt .content-gallery .row_1.col_0 figure {transform:rotate(9deg);} */
/* .mod_projekt .content-gallery .row_1.col_1 figure {transform:scale(1.5);} */
/* .mod_projekt .content-gallery .row_1.col_2 figure {transform:rotate(-6deg);} */
/* .mod_projekt .content-gallery .row_2.col_0 figure {transform:rotate(-15deg);} */
/* .mod_projekt .content-gallery .row_2.col_1 figure {transform:rotate(-6deg);} */
/* .mod_projekt .content-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 .content-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 .content-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 .content-text {margin:0 0 0 auto;padding-left:0;padding-right:3.375em;}
	.mod_projekt .content-gallery {position:absolute;top:0;left:-100%;width:100%;height:100%;}
	.mod_projekt.odd .content-gallery {left:100%;width:100%;}
	.mod_projekt .content-gallery ul {padding:0 2.25em 0 8%;width:calc(100% - 8% - 2.25em);}
	.mod_projekt.odd .content-gallery ul {padding:0 8% 0 2.25em;}
	.mod_projekt.kochkurs .content-gallery ul {padding-top:6.5em;}
	.mod_projekt.naehkurs .content-gallery ul {padding-top:12.5em;}
	.mod_projekt.schueleraustausch .content-gallery ul {padding-top:10em;}
	.mod_projekt.auxilia .content-gallery ul {padding-top:9.5em;}
}

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