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

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


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


.content-gallery {width:100%;}
.content-gallery ul {list-style:none;margin:0;padding:0;}
.ce_accordion .content-gallery {margin:0 auto;padding:0 2.25em 2.25em 2.25em;max-width:576px;}

.content-gallery.einzel {column-count:1;column-gap:0;margin-bottom:0.5625em;}
.content-gallery.quer {column-count:2;column-gap:0;padding-bottom:0;}
.content-gallery.hoch {column-count:4;column-gap:0;padding-bottom:0;}
.content-gallery img {width:100%;max-width:none;}
.content-gallery.last {padding-bottom:0 !important;}
#article-32 .content-gallery {margin-bottom:0 !important;}

.mod_article.content-gallerytext .ce_text {text-align:center;margin:0;border:0;padding:2.25em 2.25em 4.5em 2.25em;width:calc(100% - 4.5em);max-width:none;}
.mod_article.content-gallerytext {padding:2.25em 0 0 0;}
.mod_article.content-gallerytext h1 {display:inline-block;margin:0 auto 1.125em auto;width:auto;max-width:576px;}
.mod_article.content-gallerytext p {margin:0 auto;max-width:576px;}

.mod_article.content-gallerytext {position:relative;z-index:1000;}
.mod_article.content-gallerytext .ce_image.first figure img {margin:-60px auto 0 auto;width:105px;height:auto;}

@media screen and (min-width:960px) {
	.mod_article .ce_accordion .content-gallery {padding:0 4.5em 4.5em 4.5em;max-width:1188px;}
	.mod_article.content-gallerytext .ce_image.first figure img {margin:-120px auto 0 auto;width:210px;height:auto;}
	.mod_article.content-gallerytext .ce_text {margin:6.75em 0 9em 0;}
	.mod_article .content-gallery.einzel {margin-bottom:1.125em;}
}


/* Bildlegende */
.content-gallery,
.mod_eventreader .content-gallery {background:#898886;}
.content-gallery figure {position:relative;}
.content-gallery figcaption {color:#dedddb;font-size:12px;line-height:14px;background:#898886;}
@media screen and (min-width:960px) {
	.content-gallery figcaption {position:absolute;bottom:2em;left:0;padding:0.25em 0.75em;font-size:16px;line-height:19px;}
}



/* Bild links, Text rechts */
/* Bildcollageseiten mit Texten */
.lay_collage .ce_text {position:relative;margin:0;padding:4.5em 0 0 0;width:100%;background-color:#ededed;}
.lay_collage .ce_text h1 {margin:0 8%;}
.lay_collage h2 {margin:0 8%;}
.lay_collage .ce_text p {margin:1.4em 8% 2.25em 8%;}
.lay_collage .zitat p {margin:0 8% 2.25em 8%;}
.lay_collage .ce_text figure {width:100%;height:auto;background-repeat:no-repeat;background-position:center;background-size:cover;}
.lay_collage .zitat p {font-family:lithos-pro,sans-serif;font-weight:200;font-style:normal;font-size:16px;}
.lay_collage .zitat p strong {font-family:lithos-pro,sans-serif;font-weight:700;font-style:normal;font-size:16px;}
@media screen and (min-width:768px) {
	.lay_collage .ce_text figure {position:absolute;top:0;left:-100%;width:100%;height:100%;}
	.lay_collage .ce_text.odd figure {left:100%;width:100%;}
	.lay_collage .ce_text figure img {display:none;}
	.lay_collage .ce_text {margin:0 0 0 50%;padding:9em 8% 9em 2.25em;width:calc(50% - 8% - 2.25em);}
	.lay_collage .ce_text.odd {margin:0 50% 0 0;padding:9em 2.25em 9em 8%;width:calc(50% - 8% - 2.25em);}
	.lay_collage .ce_text > div {margin:0 auto 0 0;padding-left:3.375em;max-width:calc(512px - 3.375em);}
	.lay_collage .ce_text h1 {margin:0;}
	.lay_collage h2 {margin:0;}
	.lay_collage .ce_text p {margin:1.4em 0 0 0;}
	.lay_collage .zitat p,
	.lay_collage .zitat p strong {font-size:20px;}
	.lay_collage .inside > div {margin:0 auto 0 0;padding-left:3.375em;max-width:calc(512px - 3.375em);}
	.lay_collage.odd .inside > div {margin:0 0 0 auto;padding-left:0;padding-right:3.375em;}
}
@media screen and (min-width:1536px) {
	.lay_collage .ce_text h2 {font-size:32px;}
	.lay_collage .zitat p,
	.lay_collage .zitat p strong {font-size:32px;}
}

/*
.lay_collage .ce_text.oliven {background:olive;}
.lay_collage .ce_text.honig {background:goldenrod;}
.lay_collage .ce_text.handwerk {background:burlywood;}
*/