.pap-pickingmuster-formular {
	min-width: 0;
}

.pap-pickingmuster-formular--dialog {
	display: grid;
	gap: var(--pap-scale-400);
}

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

.pap-pickingmusterseite__editor:not([hidden]) {
	display: grid;
	gap: var(--pap-scale-300);
	margin-bottom: var(--pap-scale-800);
}

[data-pap-pickingmuster-editor] {
	min-width: 0;
	max-width: 100%;
}

.pap-pickingmuster-kopf,
.pap-pickingmuster-steuerung {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pap-scale-300);
	align-items: end;
}

.pap-pickingmuster-kopf > label {
	display: grid;
	flex: 1 1 10rem;
	gap: var(--pap-scale-100);
}

.pap-pickingmuster-kopf > label:first-child {
	flex-basis: 20rem;
}

.pap-pickingmuster-steuerung {
	gap: var(--pap-scale-200);
}

.pap-pickingmuster--editor {
	display: grid;
	grid-template-columns: min-content minmax(0, 1fr);
	gap: var(--pap-scale-100);
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
}

.pap-pickingmuster-tabulatur {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	overflow: visible;
}

.pap-pickingmuster-ausgabe {
	margin-bottom: 20px;
}

.pap-pickingmuster-tabulatur__oeffnen {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

.pap-pickingmuster-tabulatur__oeffnen:hover,
.pap-pickingmuster-tabulatur__oeffnen:active,
.pap-pickingmuster-tabulatur__oeffnen:focus {
	background: transparent;
	color: inherit;
}

.pap-pickingmuster-tabulatur__oeffnen:focus {
	outline: none;
}

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

.pap-pickingmuster__saitenname {
	display: grid;
	place-items: center;
	min-width: var(--pap-scale-500);
	color: var(--pap-dunkel-text);
}

.pap-pickingmuster__saite,
.pap-pickingmuster__zaehlung {
	display: grid;
	grid-template-columns: repeat(var(--pap-pickingmuster-schritte), var(--pap-scale-700));
	gap: var(--pap-scale-100);
}

.pap-pickingmuster__feld {
	box-sizing: border-box;
	display: grid;
	place-items: center;
	width: var(--pap-scale-700);
	height: var(--pap-scale-700);
	min-width: var(--pap-scale-700);
	padding: 0;
	border: 1px solid var(--pap-dunkel-border);
	border-radius: var(--pap-radius-4);
	background: var(--pap-button-neutral);
	color: var(--pap-dunkel-text);
	font: inherit;
	line-height: 1;
}

button.pap-pickingmuster__feld { cursor: pointer; }

.pap-pickingmuster__feld[aria-pressed="true"],
.pap-pickingmuster__feld.is-belegt {
	border: 2px solid var(--pap-petrol);
}

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

.pap-pickingmuster__zaehlung span {
	text-align: center;
}

.pap-pickingmuster-erklaerung {
	margin: 0;
}

.pap-pickingmuster-ausgabe {
	display: grid;
	gap: var(--pap-scale-300);
}

.pap-pickingmuster-formular__aktionen {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pap-scale-200);
	justify-self: start;
}

.pap-pickingmuster-formular__speichern {
	width: max-content;
	max-width: 100%;
}


.pap-pickingmusterseite .pap-karte .pap-pickingmuster-tabulatur__oeffnen {
	min-width: 0;
}


.pap-pickingmusterseite__leer {
	margin: 0;
}

@media (max-width: 48rem) {
	.pap-pickingmuster-kopf {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--pap-scale-300);
	}

	.pap-pickingmuster-kopf > label {
		min-width: 0;
	}

	.pap-pickingmuster-formular__name {
		grid-column: 1 / -1;
	}
}


.pap-pickingmuster-tabulatur__statisch {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
}

.pap-pickingmuster-auswahlmodus .pap-pickingmuster-ausgabe {
	margin-bottom: 0;
}

.pap-pickingmuster-ki-auswahl,
.pap-pickingmuster-auswahlbereich {
	display: grid;
	gap: var(--pap-scale-400);
	min-width: 0;
}

.pap-pickingmuster-ki-auswahl {
	margin-bottom: var(--pap-scale-400);
}

.pap-pickingmuster-auswahlbereich__kopf {
	display: grid;
	gap: var(--pap-scale-100);
	min-width: 0;
}

.pap-pickingmuster-auswahlbereich__kopf > * {
	margin-block: var(--pap-scale-0);
}

.pap-pickingmuster-auswahlkachel--mit-aktionen {
	display: grid;
	grid-template-rows: auto auto;
	align-content: start;
	gap: var(--pap-scale-200);
}

.pap-pickingmuster-auswahlkachel--mit-aktionen .pap-pickingmuster-auswahlkachel__taste {
	height: auto;
}

.pap-pickingmuster-auswahlkachel__aktionen {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pap-scale-200);
	justify-self: start;
}

.pap-pickingmuster-auswahlkachel__taste {
	display: grid;
	width: 100%;
	height: 100%;
	gap: var(--pap-scale-300);
	box-sizing: border-box;
	padding: var(--pap-scale-300);
	border-radius: var(--pap-radius-12);
	background: var(--pap-dunkel-flaeche);
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.pap-pickingmuster-auswahlkachel__taste:hover,
.pap-pickingmuster-auswahlkachel__taste:active {
	background: var(--pap-dunkel-flaeche);
	color: inherit;
}

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

.pap-pickingmuster-auswahlkachel__titel {
	font-weight: 600;
}