.infoText { text-align: left; padding: 65px 0; width: 960px; max-width:90%; margin: auto; font-size: 26px; }
	.infoText.whiteBg { background: #fff; }

	.infoText h1, h2, h3 { }
	.infoText p { font-size: 21px; }

.topimage { height: 700px; display: flex; justify-content: center; align-items: center; position:relative; }
	.topimage img { height: 100%; }
.topImageText { position: absolute; bottom: 50px; left: 0; right: 0; height: 100%; width: 960px; max-width: 90%; margin: 0 auto; display: flex; align-items:flex-end; }
.topImageText h1 {color:#fff; font-size: 68px; font-weight:bold; position:relative; z-index:2;}
.topimage .filter { position: absolute; top: 0; right: 0; left: 0; height: 100%; width: 100%; background: rgb(255,255,255); background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 70%); z-index:1;}

.plainPuffList div {
	scroll-margin-top: 120px;
}

.columnPuffs {
    padding: 0 0 0px 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 1390px;
    max-width: 100%;
    margin: auto;

	/*margin: 0 var(--neg-puff-gap) 0 var(--neg-puff-gap);*/
	margin: 0;
	width: unset;
    max-width: unset;
}

.PagePuffList .puffitem {
    /*width: 32%;*/
    margin: 0 1.33% 1.33% 0;
    
    box-shadow: 0px 3px 6px #00000029;

    margin: 0 ;
    border-radius: var(--border-radius);
    box-shadow: unset;

	
}

.PagePuffList .puffitem.alignBottom {
	align-self: end;
}

.PagePuffList .puffitem.col2 { width: 50%;} 
.PagePuffList .puffitem.col3 { width: 33.33%; } 
.PagePuffList .puffitem.col4 { width: 25%; } 
.PagePuffList .puffitem.col5 { width: 20%; } 


.PagePuffList .rubPuff {width: 100%; clear: both;}

.PagePuffList .rubPuff,
.PagePuffList.fill .rubPuff { 
	/*
	margin-left: calc(var(--content-h-margin) + var(--puff-gap)); 
	margin-right: calc(var(--content-h-margin) + var(--puff-gap)); 
	*/
	margin-left: var(--puff-gap); 
	margin-right: var(--puff-gap); 
}

.PagePuffList.box .rubPuff { margin-left: var(--wide-puff-box-margin); margin-right: var(--wide-puff-box-margin);}

.PagePuffList .rubPuff.bg {
    padding: max(20px, 3vw);
    padding-top: max(30px,4vw);
}

.PagePuffList .rubPuff.bg.shdw { box-shadow: var(--puff-shadow); }
.PagePuffList .rubPuff.puffRndCrnr.bg { border-radius: var(--border-radius); }

.PagePuffList .rubPuff.no-bg {
}


.PagePuffList .puffitem .innerPuff {
    padding: 0px;
    margin: 0px;
	
    margin: var(--puff-gap);
    /*box-shadow: 0px 3px 6px #00000029;*/
    
	height: calc(100% - 2 * var(--puff-gap));
	background-color: transparent;	

}

.pufflist .puffItem.bg.shdw .imageContent,
.pufflist .puffItem.bg.shdw .textContent,
.PagePuffList .puffitem.bg.shdw .innerPuff {
	box-shadow: var(--puff-shadow);
	-webkit-box-shadow: var(--puff-shadow);
	-moz-box-shadow: var(--puff-shadow);
}

.pufflist .puffItem.no-bg.shdw .imageContent.imgWidth img,
.PagePuffList .puffitem.no-bg.shdw .innerPuff .image {
	box-shadow: var(--puff-shadow);
	-webkit-box-shadow: var(--puff-shadow);
	-moz-box-shadow: var(--puff-shadow);
}

.pufflist .puffItem.no-bg.shdw .imageContent.imgWidth .backgroundImage,
.pufflist .puffItem.no-bg.shdw .imageContent.forceImgFullWidth img {
	visibility:visible !important;
	
	box-shadow: var(--puff-shadow);
	-webkit-box-shadow: var(--puff-shadow);
	-moz-box-shadow: var(--puff-shadow);
	 
	
	/*box-shadow: rgba(0,0,0,1) 20px 20px;*/
	
	width: 100%;
		    
}


/*
.pufflist .puffItem.no-bg.shdw .imageContent.forceImgFullWidth { position: relative;}
	.pufflist .puffItem.no-bg.shdw .imageContent.forceImgFullWidth::after {
		content:' ';
		position: absolute;
		background-color: red;
		box-shadow: rgba(0,0,0,1) 20px 20px;
		z-index:100;
		width: 90%;
		height: 90%;
		overflow:visible;
		 top: 0;
    bottom: 0;
    left: 0;
	display:block;
	}


*/
.PagePuffList .puffitem.puffRndCrnr .innerPuff {
	/*border-radius: var(--border-radius);*/
	border-top-left-radius: calc(var(--border-radius) + 2px);
	border-top-right-radius: calc(var(--border-radius) + 2px);
	border-bottom-left-radius: calc(var(--border-radius) + 1px);
	border-bottom-right-radius: calc(var(--border-radius) + 1px);
}

.PagePuffList .puffitem.bg .innerPuff {
	background-color: var(--puff-bg-color);	
	overflow: hidden;
}

.PagePuffList .innerPuff p {
	color: var(--puff-text-color);
}
		.PagePuffList .innerPuff > a { display: block; text-decoration: none; }
		.PagePuffList .innerPuff a { color: #10c599; }

		.PagePuffList .innerPuff .puff-link { cursor: pointer; height: 100%; } 
		.PagePuffList .innerPuff .puff-link a { pointer-events: none; } 


.PagePuffList .puffitem.col2 .image { /*overflow: hidden;*/ height: 27vw; }
.PagePuffList .puffitem.col3 .image { /*overflow: hidden;*/ height: 19vw; }
.PagePuffList .puffitem.col4 .image { /*overflow: hidden;*/ height: 14vw; }
.PagePuffList .puffitem.col5 .image { /*overflow: hidden;*/ height: 13vw; }

.PagePuffList .puffitem.col2.autoHeight .image,
.PagePuffList .puffitem.col3.autoHeight .image,
.PagePuffList .puffitem.col4.autoHeight .image,
.PagePuffList .puffitem.col5.autoHeight .image { height: auto; }

.PagePuffList .puffitem.col2 .image .columnflexslider .flex-viewport  li:not(.flex-active-slide) img,
.PagePuffList .puffitem.col3 .image .columnflexslider .flex-viewport  li:not(.flex-active-slide) img,
.PagePuffList .puffitem.col4 .image .columnflexslider .flex-viewport  li:not(.flex-active-slide) img,
.PagePuffList .puffitem.col5 .image .columnflexslider .flex-viewport  li:not(.flex-active-slide) img
{
    height: unset !important;
}


.PagePuffList .puffitem.autoHeight:not(.col2, .col3, .col4, .col5) .image {
    height: auto !important;
}



.PagePuffList .puffitem.no-bg.puffRndCrnr .image { 
	border-radius: var(--border-radius); 

}
.PagePuffList .puffitem.puffRndCrnr img, 
.PagePuffList .puffitem.puffRndCrnr .das-image {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
}
    
.PagePuffList .puffitem .das-image { height: 100%; background-size:contain; }

.PagePuffList .image img {
        width: 100%;
        display: block;
         min-width: 100%;
            min-height: 100%;
            object-fit: cover;
            object-position: center;
            height: 100%;
            width: 100%;
			
    }



.PagePuffList .puffContent {
    padding: max(10px, 3vw) 0;
	border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
	
}
.PagePuffList .no-bg .puffContent { padding: max(10px, 1.4vw) 0; }

	
	.PagePuffList:not(.c-m-t) .no-img .puffContent { padding-top: 0; }
	.PagePuffList:not(.c-m-b) .no-img .puffContent { padding-bottom: 0; }


.PagePuffList .bg .puffContent {
    padding: var(--puff-text-padding);    
}

.PagePuffList .puffContent .puffText span {
    width: 100%;
	margin: 0;
}



.PagePuffList .rubPuff .puffContent { padding: 0 0 0 0; }
.puffContent img { /*width:100%;*/ height:auto; }
.PagePuffList .rubText {
   
    /*line-height: 1em;*/
    margin: 0;
    color: #000;
    font-weight: bold;
	/*text-align: center;*/
}

.PagePuffList .col2 .rubText { font-size: var(--font-size-puff-headline-2col); }
.PagePuffList .col3 .rubText { font-size: var(--font-size-puff-headline-3col); }
.PagePuffList .col4 .rubText { font-size: var(--font-size-puff-headline-4col); }
.PagePuffList .col5 .rubText { font-size: var(--font-size-puff-headline-5col); }



.PagePuffList .puffitem .puffText,
.PagePuffList .puffItem .puffText {
    margin: 5px 0 0 0;
    display: block;
    box-sizing: border-box;
    min-height: 0;
	text-align: center;
}



.PagePuffList .rubPuff .puffText {
	display: block;
    box-sizing: border-box;
    min-height: 0;
	text-align: center;
}


.PagePuffList .rubPuff .puffText.w00p { }
.PagePuffList .rubPuff .puffText.w10p { min-width:540px; }
.PagePuffList .rubPuff .puffText.w20p { min-width:580px; }
.PagePuffList .rubPuff .puffText.w30p { min-width:620px; }
.PagePuffList .rubPuff .puffText.w40p { min-width:660px; }
.PagePuffList .rubPuff .puffText.w50p { min-width:700px; }
.PagePuffList .rubPuff .puffText.w60p { min-width:740px; }
.PagePuffList .rubPuff .puffText.w70p { min-width:780px; }
.PagePuffList .rubPuff .puffText.w80p { min-width:820px; }
.PagePuffList .rubPuff .puffText.w90p { min-width:860px; }


        .PagePuffList .puffText p,
        .PagePuffList .puffText li {
            font-size: var(--font-size-p);
            line-height: 1.5em;                        
        }

.PagePuffList .link {
    color: #000000;
    font-size: 20px;
    padding: 12px 20px;
    border: 2px solid #585f93;
    margin: 10px auto 0 auto;
    display: inline-block;
    background: transparent;
}


.listDiv { }

.listItem { height: 520px; overflow: hidden; box-sizing: border-box; text-align: left; }
	.listItem .imageContent { width: 50%; overflow: hidden; float: right; }
		.listItem .imageContent.singleImage { display: flex; justify-content: center; height: 520px; }
			.listItem .imageContent.singleImage img { flex: none; }
	.listItem .textContent { width: 50%; display: -webkit-flex; display: flex; height: 520px; -webkit-align-items: center; align-items: center; float: left; }
		.listItem .textContent h2 { display: block; font-size: 36px; line-height: 1em; margin: 0 auto; }
		.listItem .textContent ul { margin: 15px auto; padding: 0 0 0 25px; }
			.listItem .textContent ul li { width: 100%; text-align: left; font-size: 24px; color: #000; }

		.listItem .textContent .textContainer { margin: auto; width: 70%; }
		.listItem .textContent .text { width: 100%; margin: auto; font-size: 20px; }
		.listItem .textContent p { transition-duration: 0.2s; -webkit-transition-duration: 0.2s; /*padding:0; margin:0;*/ line-height: 32px; font-size: 24px; color: #000; margin: 25px auto 25px auto; }

		.listItem .textContent .link { color: #000; font-size: 20px; padding: 12px 20px; background: transparent; border: 2px solid #585f93; border-radius: 0px; margin: 5px 0 0 0; display: inline-block; }

	.listItem:nth-child(odd) .imageContent { float: left; }
	.listItem:nth-child(odd) .textContent { float: right; }

.moreImages { font-size: 28px; font-family: "bebas-neue", Arial, sans-serif; cursor: pointer; margin: 15px 0 0 0; display: block; }


.pufflist {
    /*max-width: 100%;*/
    margin: auto;
	/*margin: 0 var(--neg-puff-gap) 0 var(--neg-puff-gap); TODO */
	margin: 0;
}

.margin-between-puffitems { margin-top: 3vw; /*var(--puff-gap);*/ }

	.pufflist .puffLink {display:block;}
.pufflist .puffItem {
    width: 100%;
	display: flex;
    /*align-items: center;*/
   /* margin: 0 0 0 0;*/
    flex-direction: row;
    /*justify-content: space-between;*/

	height: auto;
}

.pufflist .puffItem.leftRight {
	padding-left: var(--puff-gap);
    padding-right: var(--puff-gap);
}

.pufflist.fill .puffItem.leftRight {
	margin-left: calc(var(--content-h-margin) + var(--puff-gap)); 
	margin-right: calc(var(--content-h-margin) + var(--puff-gap)); 
	width:auto;
}

.pufflist .puffItemContainer {
	min-height: 34vw;
	background: red;
}
	.pufflist .puffItemContainer:nth-child(even) .puffItem { flex-direction: row-reverse; }

.pufflist .imageContent {
    /*flex: 0 1 50%;*/
    overflow: hidden;
    display: flex;
    justify-content: center;
    
    /*box-shadow: 0px 3px 20px #00000029;*/
	/*margin: var(--puff-gap); TODO */
	/*height: 100%;*/	
}

.pufflist .shdw .imageContent { overflow:visible;}

.pufflist .puffRndCrnr.shdw .imageContent .backgroundImage img,
.pufflist .puffRndCrnr .imageContent .backgroundImage,
.pufflist .puffRndCrnr .imageContent {
	border-radius: var(--border-radius);
}

.pufflist .reverse { flex-direction: row-reverse; }
/*.pufflist  .puffItem:nth-child(even) { flex-direction: row-reverse; }*/

.pufflist .imageContent .backgroundImage {
			background-position: center center;
            background-repeat: no-repeat;
            /*height: 100%;*/
            width: 100%;
            background-size: contain;
			margin:auto;
			display: flex;
}

.pufflist .imageContent.imgWidth .backgroundImage {			
			margin:unset;			
}


.pufflist .imageContent.imgTop .backgroundImage {
	background-position: center top;
	margin-top: 0;
}

    .pufflist .imageContent img {
        display: block;
        object-fit: cover;
		min-width: 100%;
		min-height: 100%;
		width:100%;
		/*object-fit: contain;
		margin: auto;
		min-height:auto;
		border-radius: var(--border-radius);*/
		max-height: 65vw;
    }

	.pufflist .puffItem.leftRight.autoHeight img {
		max-height: 100%;
	}
	.pufflist .puffItem.leftRight img {
		max-height: 27vw;
		min-height: 27vw;
	}
	.pufflist .puffItem.leftRight .imageContent.forceImgFullWidth .backgroundImage {
		background-size: cover;
	}
	.pufflist .puffItem.leftRight .imageContent .img-text { width: 100%; }
	.pufflist .puffItem.leftRight .imageContent .img-text.left {
		text-align: left;
	}
	.pufflist .puffItem.leftRight .imageContent .img-text.center {
		text-align: center;
	}
	.pufflist .puffItem.leftRight .imageContent .img-text.right {
		text-align: right;
	}

.pufflist .textContent {
    /*flex: 0 1 50%;*/
    background: #fff;
    /*box-shadow: 0px 3px 6px #00000029;*/
    border-radius: var(--border-radius);
    
    box-sizing: border-box;
    /*margin: 0 0 0 -100px;*/
	margin: var(--puff-gap);
	text-align: center;
	display: flex; 
	justify-content: center;
	align-items: center;


	 
            background-color: transparent;
            /*margin:30px;*/
            font-size:20px;
            min-height: fit-content;
            min-height: 27vw;
}

.pufflist .autoHeight .textContent {
	min-height: 0;
}

	.pufflist .textContent.imgTop {
		align-items: start;
	}

.pufflist .bg .textContent {
	background-color: var(--puff-bg-color);
}

.pufflist .textContent .textContainer {
	max-width: 80%;
	    margin: 2vmin 0;
}

	.pufflist .puffItemContainer:nth-child(even) .textContent {margin: 0 -100px 0 0;}
.pufflist .textContent h2 {
    font-size: var(--font-size-h2);
    margin: 0 0 10px 0;
}

.pufflist .bigRub,
.PagePuffList .rubPuff .rubText {
    display: block;
    /*text-align: center;*/
    font-size: var(--font-size-section-headline);
    width: 100%;
    font-weight: normal;
}

.PagePuffList .rubPuff.bg {
	background-color: var(--puff-bg-color);
}

.pufflist .textContent p.leftRightRub {
    font-size: var(--font-size-puff-headline-leftRight);
	font-weight:700;
}


.puffItem.noimages {display:block;}
.puffItem.noimages .imageContent {display:none;}
.puffItem.noimages .textContent { width: 80%; box-shadow: none; border-radius: 0; margin: 0 auto; padding: 0; display:flex; }
.puffItem.noimages .textContent p,
.puffItem.noimages .textContent li {font-size: 32px; color:#000;}
.pufflist .puffItemContainer:nth-child(even) .puffItem.noimages .textContent { margin: 0 auto; }
.noimages .quotationMarks span {font-size: 140px; color:#000; margin: 0 20px 0 0; line-height:1em; position:relative; bottom: 6px;}

@media screen and (max-width: 1100px) {

	

	.infoText { padding: 5%; }
		.infoText p { font-size: 18px; }
	.topimage { height: 400px; }
	.topImageText h1 { font-size: 48px; }


	.listItem { height: auto; }
		.listItem .imageContent { width: 100%; overflow: hidden; height: auto; display: block; }
			.listItem .imageContent.singleImage { height: auto; display: block; }

		.listItem:nth-child(odd) .imageContent { float: none; }
		.listItem:nth-child(odd) .textContent { float: none; }

		.listItem .imageContent img { height: auto; width: 100%; display: block; }

		.listItem .textContent { width: 100%; padding: 20px; height: auto; }
			.listItem .textContent .textContainer { margin: auto; width: 100%; }
			.listItem .textContent .text { width: 100%; margin: auto; font-size: 20px; }
			.listItem .textContent p,
			.listItem .textContent li { margin: 10px 0; }

/*	.pufflist .textContent { padding: 20px; margin: 0 0 0 -100px; }
	.pufflist .textContent h2 { font-size: 26px; }
		.pufflist .textContent p,
		.pufflist .textContent li { font-size: 18px; color: #515151; font-weight: lighter; }

	.puffItem.noimages .textContent p,
	.puffItem.noimages .textContent li { font-size: 24px; }
	.noimages .quotationMarks span { font-size: 100px; bottom: 5px; }

*/}


@media screen and (max-width: 1000px) {

    .PagePuffList .puffitem {
        width: 49%;
        margin: 0 1% 1% 0;

		width: 50%;
        margin: unset;
    }
	

	/*.pufflist .puffItem { margin: 0 0 40px 0; }*/
	.puffItem.noimages .textContent { width: 100%; }

	.listItem { max-height: none; }
		.listItem:last-child { padding: 0 0 50px 0; }
		.listItem .image { width: 100%; display: inline-block; overflow: hidden; float: none; height: auto; }
			.listItem .image img { height: auto; width: 100%; }
		.listItem .textContent { width: 100%; margin: 0; height: auto; padding: 25px; box-sizing: border-box; }
			.listItem .textContent p,
			.listItem .textContent li { margin: 10px auto 0 auto; }
	

		/*.pufflist { margin: 0; }
		.pufflist .puffItem { flex-wrap: wrap; }
		
		.pufflist .imageContent { flex: 0 1 100%;  margin: 0; box-shadow: none; }
		.pufflist .imageContent.imgWidth { min-height: 70vmin;}
		
		.pufflist .imageContent img { width: 100%; }
		.pufflist .textContent { flex: 0 1 100%; margin: 0;  box-shadow: none; }
		.pufflist .puffItemContainer:nth-child(even) .textContent { margin: 0; }*/
	
		.puffItem.noimages .textContent { width: 90%; }
		.puffItem.noimages .textContent p,
		.puffItem.noimages .textContent li { font-size: 18px; }
	.noimages .quotationMarks span { font-size: 80px; bottom: 3px; }


	.PagePuffList .puffitem.col5 { width: 50%; }
	.PagePuffList .puffitem.col4 { width: 50%; }
	.PagePuffList .puffitem.col3 { width: 50%; }
	.PagePuffList .puffitem.col2 { width: 100% !important; }

	.PagePuffList .puffitem.col2 .image { height: 52vw;}
	.PagePuffList .puffitem.col3 .image { height: 34vw; /*57vmin;*/}
	.PagePuffList .puffitem.col4 .image { height: 28vw; }
	.PagePuffList .puffitem.col5 .image { height: 28vw; }
	
	.PagePuffList .rubPuff .rubText,
	.PagePuffList .rubPuff .puffText { width: 100% !important; min-width:unset !important; }
	.PagePuffList .rubPuff .expandableContent { width: 100% !important; }
}

/*
@media screen and (max-width: 600px) {
	.topImageText { bottom: 20px; }
	.topImageText h1 { font-size: 32px; }
	.PagePuffList .puffitem { width: 100%; height: auto !important; margin: 0 0 2% 0; }
		.PagePuffList .puffitem:nth-child(3n) { margin: 0 0 2% 0; }
	.pufflist .textContent h2 { font-size: 21px; }

	.infoText { font-size: 16px; }
		.infoText p { font-size: 16px; }
	.topimage { height: 250px; }

	.rubPuff .innerPuff {margin: 0 !important;}
	.columnPuffs { padding: 0 0 30px 0; }


	.PagePuffList .image { height: auto; overflow: hidden; }
		.PagePuffList .image img { max-width: 100%; }

	.listItem .textContent { padding: 25px; }
		.listItem .textContent .text { font-size: 16px; }

		.listItem .textContent h2 { font-size: 1.5em; }
	.listItem .secondRub { font-size: 1.2em; margin: 10px 0; }
	.listItem .content .link { font-size: 1.5em; }
	.listItem .content { padding: 7.5% 0 0 0; min-height: 0; }
	.listItem .textContent p, .listItem .textContent p, .listItem .textContent ul li { line-height: 18px; font-size: 14px; width: 100%; }
	.listItem .textContent .link p,
	.listItem .textContent .link ul li,
	.listItem .textContent .link a { font-size: 16px; line-height: 20px; }
	.listItem .textContent .link .closeBtn { display: none; }
	.listItem .textContent .link { font-size: 14px; padding: 10px; }
	.pufflist h2.bigRub,
	.PagePuffList .rubPuff .rubText { font-size: 26px; }

}

*/

@media screen and (max-width: 800px) {


	.pufflist .bg.puffRndCrnr .imageContent .backgroundImage,
	.pufflist .bg.puffRndCrnr .imageContent {
		border-end-start-radius: 0;
		border-end-end-radius: 0;
	}

	.pufflist .puffItem { flex-wrap: wrap;}
	.pufflist .imageContent,	
	.pufflist .textContent {
		flex: 0 1 100% !important;		
	}
	.pufflist .puffItem.leftRight .imageContent img { max-height: 54vw;min-height: 54vw; }
	.pufflist .puffItem.leftRight.autoHeight .imageContent img { max-height: 100%; }
	.pufflist .imageContent.imgWidth img { display:block !important;}	

	.pufflist .textContent .textContainer {
		max-width: 100%;
	}
	
	.pufflist .puffRndCrnr .textContent .backgroundImage,
	.pufflist .puffRndCrnr .textContent {
		border-start-start-radius: 0;
		border-start-end-radius: 0;
	}

	.pufflist .bg.puffRndCrnr .textContent {
		padding-left: var(--puff-text-paddding);
		padding-right: var(--puff-text-paddding);
	}
}


@media screen and (max-width: 500px) {

	
	.PagePuffList .puffitem.col5,
	.PagePuffList .puffitem.col4,
	.PagePuffList .puffitem.col2,
	.PagePuffList .puffitem.col3 { width: 100%; margin-bottom: var(--puff-row-gap-single-col); }	
	.PagePuffList .puffitem.col3 .image,
	.PagePuffList .puffitem.col2 .image,
	.PagePuffList .puffitem.col5 .image,
	.PagePuffList .puffitem.col4 .image { height: 55vw; }

	/*.PagePuffList .puffitem { margin: 10px 0; }*/

}