/**
 * Medienliste hoizontal scrollbar gemacht.
 */
.longku-media-scroll-top {
	overflow-x: auto;
	overflow-y: hidden;
	height: 16px; /* nur so hoch wie die Scrollbar selbst */
}

.longku-media-scroll-top-spacer {
	height: 1px; /* unsichtbar, gibt nur die Breite vor */
}

.longku-media-list {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.longku-media-table {
	white-space: nowrap; /* verhindert Umbruch, damit Spalten nicht schrumpfen */
	width: auto;         /* falls irgendwo width:100% gesetzt ist, hier zurücksetzen */
}

.longku-media-table th,
.longku-media-table td {
	white-space: nowrap;
}

/** List **/
h1.page-title { font-size: 28px; }
h2.longku-media-type-title { font-size: 20px; }

/** Details **/
h1.page-title { font-size: 28px; }
h2.longku-media-subtitle { font-size: 20px; }
h3.longku-media-author { font-size: 16px; }

.longku-media-list {
	margin-top: 40px;
}

.longku-media-table {
	table-layout: auto;
	white-space: nowrap;
	width: auto;
	border-collapse: collapse;
}

.longku-media-table th,
.longku-media-table td {
	padding: 8px 12px;
	border-bottom: 1px solid #dddddd;
	text-align: left;
}

.longku-media-more-button {
	background-color: #cc0000;
	color: #ffffff;
	border: none;
	padding: 10px 20px;
	margin-top: 20px;
	cursor: pointer;
	border-radius: 4px;
	font-size: 14px;
}

.longku-media-more-button:hover {
	background-color: #aa0000;
}

.single-medium .entry-meta {
	display: none;
}

.longku-media-audio-table {
	width: auto;
	border-collapse: collapse;
}

.longku-media-audio-title {
	white-space: nowrap;
	padding-right: 1rem;
	vertical-align: middle;
}

.longku-media-audio-player {
	width: 46rem;
	max-width: 100%;
	vertical-align: middle;
}

.longku-media-audio-player audio,
.longku-media-audio-player .mejs-container {
	width: 100% !important;
}

@media (max-width: 800px) {
	.longku-media-audio-table,
	.longku-media-audio-table tbody,
	.longku-media-audio-table tr,
	.longku-media-audio-table td {
		display: block;
		width: 100%;
	}

	.longku-media-audio-title {
		white-space: normal;
		padding-right: 0;
		margin-top: 0.75rem;
	}

	.longku-media-audio-player {
		width: 100%;
	}
}

.longku-media-audio,
.longku-media-documentation {
	margin-top: 30px;
}

.longku-media-audio h2,
.longku-media-documentation h2 {
	font-size: 20px;
}