/* Planlos am Plektrum – Übungswerkzeug
 * Globale Materialdarstellung.
 *
 * Unterstützt gleichzeitig:
 * - bisherige laufende Einheit mit .pap-einheit__materialliste
 * - gemeinsamen Renderer mit .pap-materialliste
 *
 * Voraussetzung:
 * Das globale Werkzeug-Farbsnippet ist aktiv.
 */

body .pap-einheit__materialliste,
body .pap-materialliste {
	display: grid;
	gap: 0.9rem;
}

body .pap-materialeintrag {
	display: grid;
	gap: 0.35rem;
	min-width: 0;
}

.pap-materialausgabe--lernwerkzeuge {
	margin-bottom: var(--pap-scale-500);
}

.pap-lernwerkzeug-aktion {
	display: grid;
	gap: var(--pap-scale-200);
	min-width: 0;
	color: inherit;
	text-decoration: none;
}

.pap-lernwerkzeug-aktion:hover,
.pap-lernwerkzeug-aktion:active,
.pap-lernwerkzeug-aktion:focus,
.pap-lernwerkzeug-aktion:focus-visible {
	color: inherit;
	text-decoration: none;
}

.pap-lernwerkzeug-aktion:focus {
	outline: none;
}

.pap-lernwerkzeug-aktion:focus-visible {
	border-radius: var(--pap-radius);
	outline: var(--pap-scale-50) solid var(--pap-petrol);
	outline-offset: var(--pap-scale-50);
}

.pap-lernwerkzeug-aktion__titel {
	margin: var(--pap-scale-0);
	font-size: var(--pap-schrift-kartentitel);
	font-weight: 700;
}

.pap-lernwerkzeug-aktion__bildrahmen {
	display: block;
	overflow: hidden;
	border: var(--pap-scale-25) solid var(--pap-border);
	border-radius: var(--pap-radius);
}

.pap-button-kontext--dunkel .pap-lernwerkzeug-aktion__bildrahmen {
	border-color: var(--pap-dunkel-border);
}

.pap-lernwerkzeug-aktion:hover .pap-lernwerkzeug-aktion__bildrahmen,
.pap-lernwerkzeug-aktion:focus-visible .pap-lernwerkzeug-aktion__bildrahmen {
	border-color: var(--pap-petrol);
}

.pap-lernwerkzeug-aktion__bild {
	display: block;
	width: 100%;
	height: auto;
}

/* Herkunftsgruppen bei Songabschnitten */

body .pap-materialgruppen {
	display: grid;
	gap: 1.5rem;
}

.pap-material-formular__griffbildaktionen {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pap-scale-200);
	margin: 0;
}

.pap-material-formular__griffbildvorschau:not(:has(*)) {
	display: none;
}

.pap-materialausgabe--griffbild-galerie {
	margin-bottom: var(--pap-scale-600);
}

.pap-materialausgabe--griffbild-galerie .pap-materialliste {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pap-griffbild-galerie__oeffnen {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid var(--pap-dunkel-border);
	border-radius: var(--pap-radius-16);
	background: transparent;
	color: inherit;
	cursor: pointer;
	overflow: hidden;
}

.pap-griffbild-galerie__oeffnen:focus {
	outline: none;
}

.pap-griffbild-galerie__oeffnen:hover,
.pap-griffbild-galerie__oeffnen:active,
.pap-griffbild-galerie__oeffnen:focus,
.pap-griffbild-galerie__oeffnen:focus-visible {
	border-color: var(--pap-dunkel-border);
	background: transparent;
	color: inherit;
}

.pap-griffbild-galerie__oeffnen:focus-visible {
	outline: 2px solid var(--pap-petrol);
	outline-offset: 2px;
}

.pap-griffbild-galerie__oeffnen svg {
	display: block;
	width: 100%;
	height: auto;
}

.pap-griffbild-grossansicht {
	grid-template-rows: auto minmax(0, 1fr);
	gap: var(--pap-scale-400);
}

.pap-griffbild-grossansicht [data-pap-griffbild-grossansicht-schliessen] {
	margin-left: auto;
}

.pap-griffbild-grossansicht__buehne {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: var(--pap-scale-300);
	min-height: 0;
}

.pap-griffbild-grossansicht__navigation:disabled {
	opacity: 0.35;
	cursor: default;
}

.pap-griffbild-grossansicht__navigation[hidden] {
	display: none;
}

.pap-griffbild-grossansicht [data-pap-griffbild-grossansicht-inhalt] {
	display: grid;
	place-items: center;
	min-height: 0;
}

.pap-griffbild-grossansicht [data-pap-griffbild-grossansicht-inhalt] svg {
	display: block;
	width: auto;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}

@media (min-width: 761px) {
	.pap-griffbild-grossansicht[open] {
		height: calc(100% - (2 * var(--pap-scale-500)));
		overflow: hidden;
	}

	.pap-griffbild-grossansicht__buehne,
	.pap-griffbild-grossansicht [data-pap-griffbild-grossansicht-inhalt] {
		height: 100%;
	}

	.pap-griffbild-grossansicht [data-pap-griffbild-grossansicht-inhalt] svg {
		width: auto;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
	}
}

@media (max-width: 760px) {
	.pap-griffbild-grossansicht__buehne {
		grid-template-columns: minmax(0, 1fr);
	}

	.pap-griffbild-grossansicht__navigation {
		display: none;
	}

	.pap-materialausgabe--griffbild-galerie .pap-materialliste {
		gap: 0;
	}

	.pap-materialausgabe--griffbild-galerie .pap-griffbild-galerie__oeffnen,
	.pap-materialausgabe--griffbild-galerie .pap-griffbild-galerie__oeffnen:hover,
	.pap-materialausgabe--griffbild-galerie .pap-griffbild-galerie__oeffnen:active {
		border: 0;
		border-radius: 0;
	}

	.pap-materialausgabe--griffbild-galerie
	.pap-griffbild-galerie__oeffnen:focus-visible,
	[data-pap-v2-zone="griffbilder"]
	.pap-griffbild-galerie__oeffnen:focus-visible {
		border-radius: var(--pap-radius-16);
		outline-offset: -2px;
	}
}

body .pap-materialgruppe {
	min-width: 0;
}

body .pap-materialgruppe--song {
	padding-top: 1.25rem;
	border-top: 1px solid var(--pap-border);
}

body .pap-materialgruppe .pap-materialausgabe__ueberschrift {
	margin: 0 0 .75rem;
	font-weight: 700;
}

/* Linkkarten */

body .pap-einheit__materialliste .pap-materialkarte,
body .pap-materialliste .pap-materialkarte {
	display: grid;
	grid-template-columns: 5rem minmax(0, 1fr);
	grid-template-areas:
		"symbol typ"
		"symbol titel";
	column-gap: 1rem;
	align-items: center;
	width: 100%;
	padding: 1rem;
	border: 1px solid var(--pap-border);
	border-radius: var(--pap-radius);
	background: var(--pap-flaeche-betont);
	color: inherit;
	font-family: inherit;
	text-decoration: none;
	box-sizing: border-box;
	min-width: 0;
}

body .pap-einheit__materialliste .pap-materialkarte:hover,
body .pap-einheit__materialliste .pap-materialkarte:focus-visible,
body .pap-materialliste .pap-materialkarte:hover,
body .pap-materialliste .pap-materialkarte:focus-visible {
	border-color: var(--pap-petrol);
	background: var(--pap-auswahl);
	color: inherit;
}

/* Der Audioplayer bleibt als Fläche beim Hover ruhig. */
body .pap-einheit__materialliste .pap-materialkarte--audio:hover,
body .pap-materialliste .pap-materialkarte--audio:hover {
	border-color: var(--pap-border);
	background: var(--pap-flaeche-betont);
}

/* Gemeinsamer dunkler Werkzeugkontext */

.pap-button-kontext--dunkel .pap-einheit__materialliste .pap-materialkarte,
.pap-button-kontext--dunkel .pap-materialliste .pap-materialkarte {
	border-color: var(--pap-dunkel-border);
	background: var(--pap-dunkel-flaeche);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-einheit__materialliste .pap-materialkarte:hover,
.pap-button-kontext--dunkel .pap-einheit__materialliste .pap-materialkarte:focus-visible,
.pap-button-kontext--dunkel .pap-materialliste .pap-materialkarte:hover,
.pap-button-kontext--dunkel .pap-materialliste .pap-materialkarte:focus-visible {
	border-color: var(--pap-petrol);
	background: var(--pap-dunkel-flaeche-betont);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-einheit__materialliste .pap-materialkarte--audio:hover,
.pap-button-kontext--dunkel .pap-materialliste .pap-materialkarte--audio:hover {
	border-color: var(--pap-dunkel-border);
	background: var(--pap-dunkel-flaeche);
}

.pap-button-kontext--dunkel .pap-materialkarte__typ,
.pap-button-kontext--dunkel .pap-materialeintrag__notiz {
	color: var(--pap-dunkel-text-zart);
}

.pap-button-kontext--dunkel .pap-materialeintrag__titel {
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-materialgruppe--song {
	border-color: var(--pap-dunkel-border);
}

/* Symbolfläche */

body .pap-einheit__materialliste .pap-materialkarte::before,
body .pap-materialliste .pap-materialkarte::before {
	grid-area: symbol;
	display: grid;
	place-items: center;
	width: 5rem;
	aspect-ratio: 4 / 3;
	border-radius: var(--pap-radius);
	background: var(--pap-petrol);
	color: var(--base-3);
	font-family: system-ui, sans-serif;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	content: "LINK";
}

body .pap-einheit__materialliste .pap-materialkarte--youtube::before,
body .pap-materialliste .pap-materialkarte--youtube::before {
	content: "▶";
	font-size: 1.55rem;
}

/* Eigene Audiodateien */

body .pap-einheit__materialliste .pap-materialkarte--audio,
body .pap-materialliste .pap-materialkarte--audio {
	grid-template-columns: 3.5rem minmax(0, 1fr);
	grid-template-areas:
		"symbol titel"
		"symbol audio";
	column-gap: 0.75rem;
	row-gap: 0.25rem;
	align-items: center;
	padding: 0.55rem 2rem 0.55rem 0.55rem;
	border-radius: 999px;
	max-width: 500px;
}

body .pap-einheit__materialliste .pap-materialkarte--audio::before,
body .pap-materialliste .pap-materialkarte--audio::before {
	display: none;
}

body .pap-einheit__materialliste
.pap-materialkarte--audio
.pap-materialkarte__typ,
body .pap-materialliste
.pap-materialkarte--audio
.pap-materialkarte__typ {
	display: none;
}

body .pap-einheit__materialliste .pap-materialkarte__symbol,
body .pap-materialliste .pap-materialkarte__symbol {
	grid-area: symbol;
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--pap-petrol);
	color: var(--base-3);
}

body .pap-einheit__materialliste .pap-materialkarte__symbol svg,
body .pap-materialliste .pap-materialkarte__symbol svg {
	width: 1.35rem;
	height: 1.35rem;
	fill: currentColor;
}

body .pap-einheit__materialliste
.pap-materialkarte--audio
.pap-materialkarte__titel,
body .pap-materialliste
.pap-materialkarte--audio
.pap-materialkarte__titel {
	grid-area: titel;
	display: block;
	margin: 0;
	overflow: hidden;
	font-size: 0.85rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: initial;
}

body .pap-einheit__materialliste .pap-materialkarte__audio,
body .pap-materialliste .pap-materialkarte__audio {
	width: 100%;
	min-width: 0;
}

body .pap-einheit__materialliste .pap-audioplayer,
body .pap-materialliste .pap-audioplayer {
	grid-area: audio;
	width: 100%;
	min-width: 0;
	margin: 0;
}

body .pap-audioplayer__bedienung {
	display: grid;
	grid-template-columns: auto minmax(3rem, 1fr) 2.25rem;
	gap: 0.55rem;
	align-items: center;
	width: 100%;
	min-width: 0;
	color: inherit;
}

body .pap-audioplayer__bedienung[hidden] {
	display: none;
}

body .pap-audioplayer__taste {
	display: inline-grid;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid var(--pap-border);
	border-radius: var(--pap-radius);
	background: transparent;
	color: inherit;
	cursor: pointer;
}

body .pap-audioplayer__start {
	border-color: var(--pap-petrol);
	background: var(--pap-petrol);
	color: var(--base-3);
}

body .pap-materialkarte__symbol.pap-audioplayer__start {
	height: 3.5rem;
	padding: 0;
}

body .pap-audioplayer__taste:hover,
body .pap-audioplayer__taste:active {
	border-color: var(--pap-petrol);
	background: var(--pap-auswahl);
	color: inherit;
}

body .pap-audioplayer__start:hover,
body .pap-audioplayer__start:active {
	border-color: var(--pap-button-petrol-hover);
	background: var(--pap-button-petrol-hover);
	color: var(--base-3);
}

body .pap-audioplayer__taste:focus {
	outline: none;
}

body .pap-audioplayer__taste:focus-visible,
body .pap-audioplayer__fortschritt:focus-visible {
	outline: 2px solid var(--pap-petrol);
	outline-offset: 2px;
}

body .pap-audioplayer__taste svg {
	width: 1.1rem;
	height: 1.1rem;
	fill: currentColor;
}

body .pap-audioplayer__taste svg[hidden] {
	display: none;
}

body .pap-audioplayer__zeit {
	font-size: 0.85rem;
	line-height: 1;
	white-space: nowrap;
}

body .pap-audioplayer__fortschritt-label {
	display: flex;
	min-width: 0;
}

body .pap-audioplayer__fortschritt {
	width: 100%;
	min-width: 0;
	margin: 0;
	accent-color: var(--pap-petrol);
	cursor: pointer;
}

body .pap-audioplayer__fortschritt:hover,
body .pap-audioplayer__fortschritt:active {
	accent-color: var(--pap-petrol);
	opacity: 1;
	filter: none;
}

.pap-button-kontext--dunkel .pap-audioplayer__taste {
	border-color: var(--pap-dunkel-border);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-audioplayer__start {
	border-color: var(--pap-petrol);
	background: var(--pap-petrol);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-audioplayer__start:hover,
.pap-button-kontext--dunkel .pap-audioplayer__start:active {
	border-color: var(--pap-button-petrol-hover);
	background: var(--pap-button-petrol-hover);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-audioplayer__ton:hover,
.pap-button-kontext--dunkel .pap-audioplayer__ton:active {
	border-color: var(--pap-petrol);
	background: var(--pap-dunkel-flaeche-betont);
	color: var(--pap-dunkel-text);
}


/* Eigene Audiodateien */
/*
body .pap-einheit__materialliste .pap-materialkarte--audio,
body .pap-materialliste .pap-materialkarte--audio {
	grid-template-areas:
		"symbol typ"
		"symbol titel"
		"audio audio";
}

body .pap-einheit__materialliste .pap-materialkarte--audio::before,
body .pap-materialliste .pap-materialkarte--audio::before {
	display: none;
}

body .pap-einheit__materialliste .pap-materialkarte__symbol,
body .pap-materialliste .pap-materialkarte__symbol {
	grid-area: symbol;
	display: grid;
	place-items: center;
	width: 5rem;
	aspect-ratio: 4 / 3;
	border-radius: var(--pap-radius);
	background: var(--pap-petrol);
	color: var(--base-3);
}

body .pap-einheit__materialliste .pap-materialkarte__symbol svg,
body .pap-materialliste .pap-materialkarte__symbol svg {
	width: 2rem;
	height: 2rem;
	fill: currentColor;
}

body .pap-einheit__materialliste .pap-materialkarte__audio,
body .pap-materialliste .pap-materialkarte__audio {
	width: 100%;
}

body .pap-einheit__materialliste .pap-audioplayer,
body .pap-materialliste .pap-audioplayer {
	grid-area: audio;
	width: 100%;
	margin-top: 0.75rem;
}

body .pap-audioplayer__bedienung {
	display: grid;
	grid-template-columns: auto minmax(4rem, 1fr) 2.75rem;
	gap: 0.75rem;
	align-items: center;
	width: 100%;
	color: inherit;
}

body .pap-audioplayer__bedienung[hidden] {
	display: none;
}

body .pap-audioplayer__taste {
	display: inline-grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid var(--pap-border);
	border-radius: var(--pap-radius);
	background: transparent;
	color: inherit;
	cursor: pointer;
}

body .pap-audioplayer__start {
	border-color: var(--pap-petrol);
	background: var(--pap-petrol);
	color: var(--base-3);
}

body .pap-materialkarte__symbol.pap-audioplayer__start {
	height: auto;
	padding: 0;
}

body .pap-audioplayer__taste:hover,
body .pap-audioplayer__taste:active {
	border-color: var(--pap-petrol);
	background: var(--pap-auswahl);
	color: inherit;
}

body .pap-audioplayer__start:hover,
body .pap-audioplayer__start:active {
	background: var(--pap-petrol);
	color: var(--base-3);
}

body .pap-audioplayer__taste:focus {
	outline: none;
}

body .pap-audioplayer__taste:focus-visible,
body .pap-audioplayer__fortschritt:focus-visible {
	outline: 2px solid var(--pap-petrol);
	outline-offset: 2px;
}

body .pap-audioplayer__taste svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: currentColor;
}

body .pap-audioplayer__taste svg[hidden] {
	display: none;
}

body .pap-audioplayer__zeit {
	white-space: nowrap;
}

body .pap-audioplayer__fortschritt-label {
	display: flex;
	min-width: 0;
}

body .pap-audioplayer__fortschritt {
	width: 100%;
	margin: 0;
	accent-color: var(--pap-petrol);
	cursor: pointer;
}

.pap-button-kontext--dunkel .pap-audioplayer__taste {
	border-color: var(--pap-dunkel-border);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-audioplayer__start,
.pap-button-kontext--dunkel .pap-audioplayer__start:hover,
.pap-button-kontext--dunkel .pap-audioplayer__start:active {
	border-color: var(--pap-petrol);
	background: var(--pap-petrol);
	color: var(--pap-dunkel-text);
}

.pap-button-kontext--dunkel .pap-audioplayer__ton:hover,
.pap-button-kontext--dunkel .pap-audioplayer__ton:active {
	border-color: var(--pap-petrol);
	background: var(--pap-dunkel-flaeche-betont);
	color: var(--pap-dunkel-text);
}*/

body .pap-einheit__materialliste .pap-materialkarte--songsterr::before,
body .pap-einheit__materialliste .pap-materialkarte--tabulatur::before,
body .pap-materialliste .pap-materialkarte--songsterr::before,
body .pap-materialliste .pap-materialkarte--tabulatur::before {
	content: "TAB";
}

body .pap-einheit__materialliste .pap-materialkarte--backing-track::before,
body .pap-materialliste .pap-materialkarte--backing-track::before {
	content: "PLAY";
}

body .pap-einheit__materialliste .pap-materialkarte--originalaufnahme::before,
body .pap-materialliste .pap-materialkarte--originalaufnahme::before {
	content: "AUDIO";
}

body .pap-einheit__materialliste .pap-materialkarte--blogbeitrag::before,
body .pap-materialliste .pap-materialkarte--blogbeitrag::before {
	content: "TEXT";
}

body .pap-einheit__materialliste .pap-materialkarte--sonstiger-link::before,
body .pap-materialliste .pap-materialkarte--sonstiger-link::before {
	content: "LINK";
}

/* Kartentext */

body .pap-einheit__materialliste .pap-materialkarte__typ,
body .pap-materialliste .pap-materialkarte__typ {
	grid-area: typ;
	display: block;
	margin: 0;
	color: var(--pap-text-zart);
	font-family: system-ui, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	min-width: 0;
}

body .pap-einheit__materialliste .pap-materialkarte__titel,
body .pap-materialliste .pap-materialkarte__titel {
	grid-area: titel;
	display: -webkit-box;
	margin: 0.12rem 0 0;
	overflow: hidden;
	color: inherit;
	font-family: system-ui, sans-serif;
	font-weight: 400;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	min-width: 0;
}

/* Text außerhalb der Karte */

body .pap-materialeintrag__titel {
	display: block;
	margin: 0.15rem 0 0;
	color: var(--pap-text);
	font-family: system-ui, sans-serif;
	font-weight: 400;
	line-height: 1.35;
}

body .pap-materialeintrag__notiz {
	display: block;
	margin: 0;
	color: var(--pap-text-zart);
	line-height: 1.45;
}

body .pap-materialvideo {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border: 1px solid var(--pap-dunkel-border);
	border-radius: 16px;
	background: var(--pap-dunkel-flaeche-betont);
}

body .pap-materialvideo iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Übergang: alte Ausgabe mit Notiz innerhalb der Karte */

body .pap-einheit__materialliste .pap-materialkarte__notiz {
	grid-area: notiz;
	display: block;
	margin-top: 0.3rem;
	color: var(--pap-text-zart);
	line-height: 1.45;
}

/* Grafiken */

body .pap-einheit__materialliste .pap-materialkarte--grafik,
body .pap-materialliste .pap-materialkarte--grafik {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

body .pap-einheit__materialliste .pap-materialkarte--grafik::before,
body .pap-materialliste .pap-materialkarte--grafik::before {
	display: none;
	content: none;
}

body .pap-einheit__materialliste .pap-materialkarte--grafik .wp-block-image,
body .pap-materialliste .pap-materialkarte--grafik .wp-block-image {
	margin: 0;
	background: var(--pap-eingabe);
}

body .pap-einheit__materialliste
.pap-materialkarte--grafik
.wp-block-image > a,
body .pap-materialliste
.pap-materialkarte--grafik
.wp-block-image > a {
	display: block;
}

body .pap-einheit__materialliste .pap-materialkarte__bild,
body .pap-materialliste .pap-materialkarte__bild {
	display: block;
	width: 100%;
	height: auto;
	max-height: 32rem;
	object-fit: contain;
}

/* Übergang: alte Grafikbeschriftung */

body .pap-einheit__materialliste .pap-materialkarte__beschriftung {
	display: grid;
	gap: 0.25rem;
	padding: 0.85rem 1rem 0.95rem;
	border-top: 1px solid var(--pap-border);
}

body .pap-einheit__materialliste
.pap-materialkarte__beschriftung
.pap-materialkarte__titel,
body .pap-einheit__materialliste
.pap-materialkarte__beschriftung
.pap-materialkarte__notiz {
	grid-area: auto;
	margin: 0;
}

/* Mobil */

@media (max-width: 640px) {
	body .pap-einheit__materialliste .pap-materialkarte:not(.pap-materialkarte--audio):not(.pap-materialkarte--grafik),
body .pap-materialliste .pap-materialkarte:not(.pap-materialkarte--audio):not(.pap-materialkarte--grafik) {
	grid-template-columns: 4rem minmax(0, 1fr);
	column-gap: 0.8rem;
	padding: 0.85rem;
}

	body .pap-einheit__materialliste .pap-materialkarte::before,
	body .pap-materialliste .pap-materialkarte::before {
		width: 3.5rem;
	}

	

	body .pap-einheit__materialliste .pap-materialkarte__bild,
	body .pap-materialliste .pap-materialkarte__bild {
		max-height: none;
	}
	body .pap-materialeintrag__notiz {
	display: none;
}

}

/* Desktopdarstellung externer Materiallinks auf der laufenden Einheit */
@media (min-width: 721px) {

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte:not(.pap-materialkarte--audio) {
		grid-template-columns: minmax(0, 1fr) 3rem;
		grid-template-areas:
			"typ symbol"
			"titel symbol";
		column-gap: 1rem;
		align-items: center;
		padding: 0.5rem 0.5rem 0.5rem 1.5rem;
		border-width: 2px;
		border-radius: 999px;
	}

	/* Bisherige Symbolfläche wird zum runden Linkpfeil */
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte:not(.pap-materialkarte--audio)::before {
		grid-area: symbol;
		display: grid;
		place-items: center;
		width: 3rem;
		height: 3rem;
		aspect-ratio: 1;
		border: 1px solid var(--pap-dunkel-border);
		border-radius: 50%;
		background: transparent;
		color: var(--pap-dunkel-text);
		font-family: inherit;
		font-size: 1.4rem;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0;
		text-transform: none;
		content: "↗";
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte__typ {
		font-family: inherit;
		font-size: 1.2rem;
		font-weight: 700;
		line-height: 1.2;
	}

	/*.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte__titel {
		margin-top: 0.3rem;
		font-family: inherit;
		font-size: 1.125rem;
		line-height: 1.35;
	}*/

	/* YouTube */
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--youtube {
		border-color: #bd3636;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--youtube
	.pap-materialkarte__typ {
		color: #bd3636;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--youtube:hover,
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--youtube:focus-visible {
		border-color: #bd3636;
	}

	/* Songsterr */
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--songsterr {
		border-color: #3b895b;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--songsterr
	.pap-materialkarte__typ {
		color: #3b895b;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--songsterr:hover,
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--songsterr:focus-visible {
		border-color: #3b895b;
	}

	/* Tabulatur oder Guitar Pro */
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--tabulatur {
		border-color: #3b5d89;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--tabulatur
	.pap-materialkarte__typ {
		color: #3b5d89;
	}

	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--tabulatur:hover,
	.pap-uebungsansicht
	.pap-materialausgabe--einheit-links
	.pap-materialkarte--tabulatur:focus-visible {
		border-color: #3b5d89;
	}
}

.pap-material-grossansicht {
	grid-template-rows: auto minmax(0, 1fr);
	gap: var(--pap-scale-400);
}

.pap-material-grossansicht__inhalt {
	display: grid;
	place-items: center;
	min-height: 0;
	overflow: auto;
}

.pap-material-grossansicht__inhalt > * {
	max-width: 100%;
}

.pap-material-grossansicht__inhalt svg {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: calc(100vh - 12rem);
}