.T4839 .wrapper .docwrapper.small { display: grid; }

.T4839 .wrapper .docwrapper .file {
	background-color: #CCC;
	box-shadow: 0px 0px 5px 3px rgba(185,185,185,0.6);
	margin: 5px 0 20px 0;
}

.T4839 .wrapper .docwrapper .file .head {
	background-color: #FFF;
	text-align: center;
    padding: 15px 5px;
    font-weight: bold;
}
.T4839 .wrapper .docwrapper .file .image { width: auto; max-height: 200px; margin: 0 auto; display: grid; align-items: center; }
.T4839 .wrapper .docwrapper .file .image img { margin: 0 auto; max-height: 200px; width: auto; max-width: 100%; }

.T4839 .wrapper .docwrapper .file .content { background-color: #FFF; display: flex; flex-direction: column; padding: 15px; }
.T4839 .wrapper .docwrapper .file .content a { text-decoration: none; }
.T4839 .wrapper .docwrapper .file .content .text { padding-bottom: 10px; }
.T4839 .wrapper .docwrapper .file .content .button {
	display: flex;
	align-items: center;
	padding: 6px 6px;
	margin-bottom: 10px;
}

.T4839 .wrapper .docwrapper .file .content .vorschau { 
	background-color: #B1B1B1;
	color: #FFF;
}

.T4839 .wrapper .docwrapper .file .content .auswahl { 
	background-color: #4e4e4e;
	color: #FFF;
}@media (min-width: 567px) {
	.T4839 .wrapper .docwrapper {
		column-count: 2;
  		column-gap: 1.5em;
	}
	.T4839 .wrapper .docwrapper .file {
		display: inline-block;
		width: 100%;
		align-self: flex-start;
	}

	.T4839 .wrapper .docwrapper.small {
		grid-template-columns: 48% 48%;
		column-gap: 1.5em;
		column-count: auto;
	}
	.T4839 .wrapper .docwrapper .file .head { height: 80px; }
}

@media (min-width: 1024px) {

	.T4839 .wrapper .docwrapper { display: flex; flex-wrap: wrap; }
	.T4839 .wrapper .docwrapper .file { flex-basis: 30%; }
	.T4839 .wrapper .docwrapper .file .head { height: 100px; }


	.T4839 .wrapper .docwrapper.small { grid-template-columns: 32% 32% 32%; }
}