/* (en) Flexbox-Kachel-Grid Konfiguration */
	/* (de) Flexbox Tile Layout Grid Configuration */
	/*------------------------------------------------------------------------------------------------------*/
	[class*='flex-tiles'] {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: stretch;
		align-content: flex-start;
		margin: 0 0 24px 0;
	}

	[class*='flex-tiles'].flex-reverse-order {
		flex-direction: row-reverse;
	}

	[class*='flex-tiles'].flex-tiles-col-padding {
		margin: 0 -24px 0 -24px;
	}

	[class*='flex-tiles'].flex-tiles-tile-padding {
		margin: 0 -24px -24px -24px;
	}

	[class*='flex-tiles'].flex-tiles-box-padding,
	[class*='flex-tiles'].flex-tiles-img {
		margin: -4px -4px 4px -4px;
	}

	[class*='flex-tiles'] + [class*='flex-tiles'] {
		margin: -4px -4px 24px -4px;
	}

	.flex-tiles-img .image-wrapper {
		margin: 0;
	}

	.flex-tiles-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%
	}

	.flex-tiles-2-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%
	}

	.flex-tiles-3-2-1 > .flex-tile-fixed {
		flex: 0 0 33.33%;
		max-width: 33.33%
	}

	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.flex-tiles-4-2-1 > .flex-tile-fixed {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.flex-tile-dynamic {
		flex: 1 1 auto;
	}

	.flex-tile-fill {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: stretch;
		align-content: stretch;
		height: 100%;
	}

	.flex-tile-fill-content {
		border-radius: 8px;
		flex: 1 1 auto;
		box-sizing: border-box;
		position: relative;
		width: 100%;
	}

	.flex-tiles-img > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 4px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 24px 24px 0 24px;
		margin: 4px;
	}

	.flex-tiles-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0 4px 0 4px;
		margin: 0 4px;
	}

	.flex-tiles-tile-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0 4px 0 4px;
		margin: 0 4px 24px 4px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 64px 4px 4px 4px;
		padding: 70px 24px 0 24px;
	}

	.half-padding .flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 54px 6px 4px 6px;
		padding: 60px 4px 0 4px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-flex-button {
		transition: all ease 0.3s;
		position: relative;
		padding-bottom: 42px;
	}

	.add-flex-button:hover {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		background-color: #f8f8f8;
	}

	.add-flex-button a:hover {
		border: none;
	}

	.add-flex-button a::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
	
	
/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 980 */


/* (de) Media Query 980 */


/*------------------------------------------------------------------------------------------------------*/

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


	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	.flex-tiles-3-2-1.linearize-level-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1.linearize-level-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%;
	}

}

/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 850 */


/* (de) Media Query 850 */


/*------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 850px) {
	
	.flex-tiles-3-2-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1 > .flex-tile-fixed,
	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.linearize-level-1.flex-tiles-2-1 > .flex-tile-fixed,
	.linearize-level-1.flex-tiles-3-2-1 > .flex-tile-fixed,
	.linearize-level-1.flex-tiles-4-2-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/*------------------------------------------------------------------------------------------------------*/


/* (en) Media Query 560 */


/* (de) Media Query 560 */


/*------------------------------------------------------------------------------------------------------*/

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

	[class*="flex-tiles"],
	[class*="flex-tiles"].flex-tiles-col-padding {
		margin: 0 -4px 0 -4px;
	}
	
	[class*="flex-tiles"].flex-tiles-tile-padding {
		margin: 0 -4px 4px -4px;
	}

	[class*="flex-tiles"] + [class*="flex-tiles"] {
		margin: 0 -4px 0 -4px;
	}

	.flex-tiles-2-1 > .flex-tile-fixed,
	.flex-tiles-3-2-1 > .flex-tile-fixed,
	.flex-tiles-4-2-1 > .flex-tile-fixed,
	.flex-tiles-4-3-2-1 > .flex-tile-fixed {
		flex: 0 0 100%;
		max-width: 100%;
	}

	[class*="flex-tiles"].flex-tiles-box-padding {
		margin: 0 -4px 0 -4px;
	}

	[class*="flex-tiles"].flex-tiles-img {
		margin: -4px -4px 4px -4px;
	}

	.linearize-center > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		text-align: center;
	}

	.flex-tiles-img > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 4px;
	}

	.flex-tiles-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tiles-tile-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content {
		padding: 0;
		margin: 0 4px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-flex-button {
		padding: 4px 4px 0 4px;
	}

	.flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		margin: 52px 4px 4px 4px;
		padding: 70px 4px 0 4px;
	}

	.half-padding .flex-tiles-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content.add-box-icon {
		padding: 42px 4px 0 4px;
		margin: 60px 6px 4px 6px;
	}

	.flex-tile-fill-box-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tile-fill-col-padding > .flex-tile-fixed > .flex-tile-fill > .flex-tile-fill-content,
	.flex-tile-fill-content {
		margin: 0 4px 4px 4px;
	}
	
}