/* Medialiste
--------------*/

	.medialist {
		position: relative;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #eff1f3;
		margin-bottom: 10px;
	}

/* Ladestatus
--------------*/

	.medialist.loading {
		position: relative;
		opacity: 0.4;
	}

/* Grid
--------*/

	.medialist-items {
		display: grid;
		column-gap: 20px;
		row-gap: 20px;
		margin: 20px;
	}

	.medialist-items[data-col="1"] {
		grid-template-columns: minmax(0, 1fr);
	}

	.medialist-items[data-col="2"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.medialist-items[data-col="3"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}

	.medialist-items[data-col="4"] {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
	}


/* Medieneintrag
-----------------*/

	.medialist-item {
		display: block;
		float: left;
		position: relative;
		width: 100%;
		border-radius: 5px;
		background-color: #FFFFFF;
		cursor: pointer;
	}

	.medialist-item:after {
		content: "";
		display: block;
		padding-bottom: 100%;
	}

	.medialist-item[data-action="add_medialist_item"] {
		cursor: pointer;
		background-color: rgba(0,0,0,0.05);
	}

/* Bild
---------*/

	.medialist-item-preview {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 5px;
		background-repeat: no-repeat;
	}

	.medialist-item-preview.is-image {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.medialist-item-preview.folder {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTg1LDI3SDYzaC01Yy0yLjIsMC00LjkyNi0xLjU0My02LjA1OC0zLjQzbC0xLjg4NS0zLjE0MUM0OC45MjYsMTguNTQzLDQ2LjIsMTcsNDQsMTdIMTVjLTIuMiwwLTQsMS44LTQsNHY1OCAgYzAsMi4yLDEuOCw0LDQsNGg3MGMyLjIsMCw0LTEuOCw0LTRWMzFDODksMjguOCw4Ny4yLDI3LDg1LDI3eiBNMTUsMjBoMjljMS4xNCwwLDIuODk4LDAuOTk2LDMuNDg1LDEuOTc0bDEuODg1LDMuMTQgIGMwLjQwNiwwLjY3NywwLjkzNywxLjMxMSwxLjU0OCwxLjg4N0gxNHYtNkMxNCwyMC40NTgsMTQuNDU4LDIwLDE1LDIweiBNODYsNzljMCwwLjU0Mi0wLjQ1OCwxLTEsMUgxNWMtMC41NDIsMC0xLTAuNDU4LTEtMVYzMGg0NCAgaDVoMjJjMC41NDIsMCwxLDAuNDU4LDEsMVY3OXoiPjwvcGF0aD48L3N2Zz4=");
		background-size: 40% auto;
		background-position: center 40%;
		background-repeat: no-repeat;
	}

	.medialist-item-preview.document {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB2aWV3Qm94PSIwIDAgODAgODAiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzgxOTc2LC0wLjAwMjM3Mzg3LDAuMDAyMzczODcsMC43ODE5NzYsMTIuMzYxNDI4LDAuNzQ4NzE0MTQpIj48cGF0aCBkPSJNIDYxLjg5NDQ5NSwwLjU5NDMzMjk3IDAsMCAwLjE0NDMxMjAyLDEwMC4yNTkyNyA3Ny4wMzEsMTAwIDc3LjIwOTYyNiwxNi4wMDI3MzIgeiBNIDYxLjg4MjcyNiw0LjQ3MTU0NDEgNzMuNDM1ODIsMTYuMDYwMzU0IDYxLjg0Nzg2MSwxNS45NTYwOTggeiBNIDIuNzEyMzc4Niw5Ny43MDY3NDggMi45OTk5NTY1LDIuOTc1ODYyNSA1OS4zMjY0MjksMy4xNDY4NTQ4IDU5LjI3OTc5NSwxOC41MDg2MiA3NC42NDE1NiwxOC41NTUyNSA3NC40MDA2MTYsOTcuOTI0MzcgeiIgc3R5bGU9IiIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj48L3BhdGg+PC9nPjwvc3ZnPg==");
		background-size: 30% auto;
		background-position: center 40%;
		background-repeat: no-repeat;
	}

	.medialist-item-preview.plus {
		background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAwIDEwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ni4xNjQwNjI1LDIwLjYwNjQ0NTN2MjMuMjI5NDkyMmgyMy4yMjk0OTIyICBjOC4xNTQyOTY5LDAsOC4xNTQyOTY5LDEyLjMyODEyNSwwLDEyLjMyODEyNUg1Ni4xNjQwNjI1djIzLjIyOTQ5MjJjMCw4LjE1NDI5NjktMTIuMzI3MTQ4NCw4LjE1NDI5NjktMTIuMzI3MTQ4NCwwVjU2LjE2NDA2MjUgIEgyMC42MDY0NDUzYy04LjE1NDI5NjksMC04LjE1NDI5NjktMTIuMzI4MTI1LDAtMTIuMzI4MTI1aDIzLjIzMDQ2ODhWMjAuNjA2NDQ1MyAgQzQzLjgzNjkxNDEsMTIuNDUyMTQ4NCw1Ni4xNjQwNjI1LDEyLjQ1MjE0ODQsNTYuMTY0MDYyNSwyMC42MDY0NDUzeiI+PC9wYXRoPjwvc3ZnPg==");
		background-size: 30% auto;
		background-position: center center;
		background-repeat: no-repeat;
		opacity: 0.3;
	}

/* Label
---------*/

	.medialist-item-label {
		position: absolute;
		z-index: 1;
		right: 0;
		bottom: 0;
		left: 0;
		hyphens: auto;
		font-size: 12px;
		background-color: rgba(0, 0, 0, 0.6);
		text-align: center;
		width: 100%;
		overflow: hidden;
		color: #FFFFFF;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
		padding: 5px;
	}

	.medialist-item.selected .medialist-item-label {
		background-color: #009cdf;
		color: #FFFFFF;
	}

/* Hover-Hintergrund
---------------------*/

	.medialist-item-bgr {
		display: none;
		position: absolute;
		background-color: rgba(0,0,0,0.5);
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
		border-radius: 5px;
	}

	.medialist-item:hover .medialist-item-bgr {
		display: block;
	}

	.medialist-item-preview.plus:hover {
		background-color: rgba(0,0,0,0.5);
	}

/* Mediadetails
----------------*/

	.media-detail {
		margin-bottom: 12px;
	}

	.media-detail label {
		display: block;
		font-size: 13px;
		color: #AAAAAA;
		padding-top: 5px;
	}

	.media-detail strong {
		display: block;
	}

	.media-title {
		position: absolute;
		bottom: 0;
	}