/*! define containers used as breakpoint for container queries */

.zpcq {
  container-type: inline-size;
  container-name: breakpoint;
}

@container breakpoint/*!*/ ((width < 768px) and (width > 479px)) {
	div.zpRow .zpColumn.c1,  .zpColumnItem.c1,		.zpgrid .c1:not(.resizablefield), 
	div.zpRow .zpColumn.c2,  .zpColumnItem.c2,		.zpgrid .c2:not(.resizablefield), 
	div.zpRow .zpColumn.c3,  .zpColumnItem.c3,		.zpgrid .c3:not(.resizablefield), 
	div.zpRow .zpColumn.c4,  .zpColumnItem.c4,		.zpgrid .c4:not(.resizablefield), 
	div.zpRow .zpColumn.c5,  .zpColumnItem.c5,		.zpgrid .c5:not(.resizablefield), 
	div.zpRow .zpColumn.c6,  .zpColumnItem.c6,		.zpgrid .c6:not(.resizablefield), 
	div.zpRow .zpColumn.c7,  .zpColumnItem.c7,		.zpgrid .c7:not(.resizablefield), 
	div.zpRow .zpColumn.c8,  .zpColumnItem.c8,		.zpgrid .c8:not(.resizablefield), 
	div.zpRow .zpColumn.c9,  .zpColumnItem.c9,		.zpgrid .c9:not(.resizablefield), 
	div.zpRow .zpColumn.c10, .zpColumnItem.c10,		.zpgrid .c10:not(.resizablefield),
	div.zpRow .zpColumn.c11, .zpColumnItem.c11,		.zpgrid .c11:not(.resizablefield)
	{
		min-width: 50% !important;
	}
}
@container breakpoint/*!*/ (width < 479px) {
	div.zpRow .zpColumn.c1,  .zpColumnItem.c1,		.zpgrid .c1:not(.resizablefield), 
	div.zpRow .zpColumn.c2,  .zpColumnItem.c2,		.zpgrid .c2:not(.resizablefield), 
	div.zpRow .zpColumn.c3,  .zpColumnItem.c3,		.zpgrid .c3:not(.resizablefield), 
	div.zpRow .zpColumn.c4,  .zpColumnItem.c4,		.zpgrid .c4:not(.resizablefield), 
	div.zpRow .zpColumn.c5,  .zpColumnItem.c5,		.zpgrid .c5:not(.resizablefield), 
	div.zpRow .zpColumn.c6,  .zpColumnItem.c6,		.zpgrid .c6:not(.resizablefield), 
	div.zpRow .zpColumn.c7,  .zpColumnItem.c7,		.zpgrid .c7:not(.resizablefield), 
	div.zpRow .zpColumn.c8,  .zpColumnItem.c8,		.zpgrid .c8:not(.resizablefield), 
	div.zpRow .zpColumn.c9,  .zpColumnItem.c9,		.zpgrid .c9:not(.resizablefield), 
	div.zpRow .zpColumn.c10, .zpColumnItem.c10,		.zpgrid .c10:not(.resizablefield),
	div.zpRow .zpColumn.c11, .zpColumnItem.c11,		.zpgrid .c11:not(.resizablefield)
	{
		width: 100% !important;
	}
}
/* 
Das war ne harte Nuss!

The comments after "breakpoint" above are needed to avoid a browser bug which triggers 
when css is minified which removes the whitespace after "breakpoint" breakpoint(width…) 
isn't recognized in chrome and safari. 
*/