.collection_1_wrap{
display: flex;

}

.collection_top_bar{
	background: #93aacb;
	text-transform: uppercase;
	color: white;
	font-family: 'Oswald', sans-serif !important;
	 font-weight: 200 !important;
    font-size: 16px;
    letter-spacing: 1px;
	padding: 10px 30px 10px 55px;
/* 	text-align: right; */
}

.more_collections{
	color: #000;
	margin-right: 10px;
	 font-weight: 400 !important;
}

.collectionItems a{
		color: #fff;
	}

.collectionItems:after{
	content: '\2605';
	color: #fff;
	margin: 0 10px 0 10px;
}

.collectionItems:last-of-type:after{
	display: none;
}

.collection_special_HL{
	font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 20px;
letter-spacing: 1px;
padding-left: 0px;
text-transform: uppercase;
margin: 0px 0px 10px 0px;
}

.collection_special_Images{
  width: 40%;	
  background:rgba(183, 214, 162, 0.7);	
  column-count: 2;            /* zwei Spalten */
  column-gap: 5px;          /* Abstand zwischen Spalten */
  /* optional: besseres Verhalten auf sehr kleinen Bildschirmen */
  /* Padding/Rahmen nach Bedarf */
  padding: 30px 30px 0 30px;
}

/* Einzelne Items dürfen nicht geteilt werden */
.collection_special_Images .cs-item{
  display: inline-block;     /* wichtig für columns */
  width: 100%;
  margin: 0 0 5px 0;          /* Abstand zwischen Items innerhalb der Spalte */
  break-inside: avoid;       /* vermeidet, dass ein Item über Spaltenbruch geteilt wird */
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
}

/* Bild passt sich an, schneidet bei Bedarf */
.collection_special_Images img{
  display: inline-block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
  object-fit: cover;         /* bei festen Höhen nützlich */
}




.colection_1_text{	
padding: 30px 30px 30px 30px;	
background: rgba(255, 241, 197, 0.7);
width: 60%;
}

.text_block_1{
	float: left;
}


.colection_1_text .align_left{
	float: left;
    margin: 15px 15px 0px 0px;
}

.text_block_1 li{
	    list-style: none;
	     float: none;
	    clear: both;

}

.text_block_1 li:before{
	content: "◼︎";
    display: block;
    float: left;
    width: 1.2em;
    font-size: 22px;
    color: #c51a1b;
}

.text_block_2{
    margin-bottom: 60px !important;	
}

.collection_2_wrap{
	background:rgba(227, 210, 161, 0.38);
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 5px 15px;	
/*
	display: flex;
  align-items: flex-end;
*/

}

.text_block_3{
	font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
    padding: 30px 30px 30px 0px;	
}

.text_block_3 li{
	    list-style: none;
}

.text_block_3 li:before{
	content: "◼︎";
    display: inline-block;
    float: none;
    width: 1.2em;
    font-size: 22px;
    color: #216598;
}

.extraBooklettCover{
	width: 300px;
	height: 300px;
	float: left;
	cursor: pointer;
	padding: 30px 30px 0px 30px;
}



@media only screen and (max-width: 800px) {
	
	.collection_top_bar{
	background: #93aacb;
	text-transform: uppercase;
	color: white;
	font-family: 'Oswald', sans-serif !important;
	 font-weight: 200 !important;
    font-size: 16px;
    letter-spacing: 1px;
	padding: 10px 30px 10px 30px;
	text-align: left;
}

.collection_1_wrap{
	flex-direction: column-reverse;
}

	
	.collection_special_Images{
	box-sizing: border-box;
    column-count: 3;
	width: 100%;
}

.colection_1_text{	
padding: 15px;	
background: rgba(255, 241, 197, 0.7);
width: 100%;
box-sizing: border-box;
}

.text_block_1 span{
	font-size: 18px !important;
}

.text_block_1 ul, .text_block_1 li{
	    list-style: none;
	    margin: 0px !important;
	    padding: 0px !important;
	    float: none;
	    clear: both;
}

.text_block_1 li:before{
	content: "◼︎";
    display: block;
    float: left;
    width: 1.2em;
    font-size: 18px !important;
    color: #c51a1b;
}

.collection_2_wrap{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5px 15px;	
	display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.text_block_3{
	font-family: 'Oswald', sans-serif !important;
    font-weight: 400 !important;
    margin-bottom: 0px !important;
    padding: 15px 15px 15px 15px !important;
}

.text_block_3 span{
	font-size: 18px !important;
}

.text_block_3 li{
	    list-style: none;
	    margin: 0px !important;
	    padding: 0px !important;
	    float: none;
	    clear: both;
}

.text_block_3 ul, .text_block_3 li{
	    list-style: none;
	    margin: 0px !important;
	    padding: 0px !important;
	    float: none;
	    clear: both;
}


.text_block_3 li:before{
	content: "◼︎";
    display: block;
    float: left;
    width: 1.2em;
    font-size: 18px !important;
    color: #216598;
}



.extraBooklettCover{
	cursor: pointer;
	padding: 15px 15px 15px 15px;
	width: 100%;
	height: auto;
}

.extraBooklettCover img{
	width: 100%;
	height: auto;
}
	
	
}