/* =========================================================
   OWLWAYS — STUNDENPLAN
   Herbstdesign
   Vollständig auf --owlh-* Variablen aufgebaut.

   WICHTIG:
   Das Popup nutzt :target.
   .closepopstund liegt als unsichtbare, klickbare Fläche
   HINTER .popstund über dem gesamten Viewport.
   Dadurch schließt ein Klick außerhalb des Stundenplans
   zuverlässig das Popup – ganz ohne JavaScript.
========================================================= */


/* =========================================================
   BASIS
========================================================= */

.stundenplan-headergrid,
.stundenplan-headergrid *,
.infopopstund,
.infopopstund *,
.stundenplan-overview,
.stundenplan-overview * {
	box-sizing: border-box;
}


/* =========================================================
   SCHULINFORMATIONEN – INDEX / FORUMBIT
========================================================= */

.stundenplan-headergrid {
	position: relative;

	width: 100%;
	padding: 16px 18px;

	display: grid;
	grid-template-columns: minmax(115px, .7fr) minmax(0, 4fr) minmax(115px, .7fr);
	align-items: center;
	gap: 16px;

	background: var(--owlh-surface);

	color: var(--owlh-text);
}


.stundenplan-action,
.stundenplan-points {
	min-width: 0;
}


.stundenplan-action {
	text-align: center;
}


.stundenplan-points {
	position: relative;
	z-index: 0;

	text-align: center;
}


/* Hauspunkte ausdrücklich im normalen Stack halten. */

.stundenplan-points .owlhp-grid,
.stundenplan-points .owlhp-house {
	position: relative;
	z-index: 0 !important;
}


/* =========================================================
   HAUSPUNKTE-TITEL
========================================================= */

.stundenplantitle {
	position: relative;

	margin: 0 0 11px;
	padding: 0 0 8px;

	color: var(--owlh-accent) !important;

	font-family: var(--owlh-font-serif);
	font-size: 17px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.25;

	text-align: center;
}


.stundenplantitle::after {
	content: "";

	position: absolute;
	left: 50%;
	bottom: 0;

	width: 36px;
	height: 1px;

	transform: translateX(-50%);

	background: var(--owlh-accent);
}


/* =========================================================
   AKTIONSKARTEN
========================================================= */

.stundenplan-headergrid .kullera {
	min-height: 96px;

	padding: 10px 8px;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	gap: 7px;

	background: var(--owlh-surface-raised);
	border: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text-muted) !important;

	font-family: var(--owlh-font-body);
	font-size: 8px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .055em;

	text-align: center;
	text-decoration: none !important;
	text-transform: uppercase;
}


.stundenplan-headergrid .kullera:hover {
	background: var(--owlh-accent-soft);
	border-color: var(--owlh-border-strong);

	color: var(--owlh-accent-hover) !important;
}


.stundenplan-headergrid .radius30 {
	width: 38px !important;
	height: 38px !important;

	margin: 0 auto !important;
	padding: 0 !important;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-surface-soft);
	border: 1px solid var(--owlh-border);
	border-radius: 50%;

	color: var(--owlh-accent);

	font-size: 13px;
	line-height: 1;
}


.stundenplan-headergrid .kullera:hover .radius30 {
	background: var(--owlh-surface-raised);
	border-color: var(--owlh-accent);
}


.stundenplan-headergrid .menuea {
	display: block;
	color: inherit;
}


/* =========================================================
   INFOPOP – GESCHLOSSEN
========================================================= */

.infopopstund {
	position: fixed !important;
	z-index: 2147483000 !important;

	inset: 0 !important;

	width: 100vw !important;
	height: 100vh !important;
	height: 100dvh !important;

	margin: 0 !important;
	padding: 24px !important;

	display: flex !important;
	align-items: center;
	justify-content: center;

	background: transparent;

	opacity: 0;
	visibility: hidden;
	pointer-events: none;

	isolation: isolate;

	transition:
		opacity .18s ease,
		visibility .18s ease;
}


/* =========================================================
   INFOPOP – GEÖFFNET
========================================================= */

.infopopstund:target {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}


/* =========================================================
   KLICKFLÄCHE AUSSERHALB DES STUNDENPLANS
========================================================= */

/*
   Dieser Link bedeckt den gesamten Bildschirm.
   Er liegt ÜBER der Seite und den Hauspunkten,
   aber UNTER dem eigentlichen Stundenplanfenster.

   href="#" entfernt #stundenplan aus der URL und
   beendet dadurch automatisch den :target-Zustand.
*/

.closepopstund {
	position: absolute;
	z-index: 1;

	inset: 0;

	display: block;

	background: var(--owlh-overlay);

	cursor: default;

	text-decoration: none !important;
}


/*
   Sichtbares X oben rechts.
   Auch dieses gehört zur großen Schließen-Fläche.
*/

.closepopstund::after {
	content: "×";

	position: fixed;
	z-index: 2;

	top: 32px;
	right: 32px;

	width: 32px;
	height: 32px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-surface-raised);
	border: 1px solid var(--owlh-border);

	color: var(--owlh-accent);

	font-family: Arial, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;

	box-shadow: 0 5px 16px var(--owlh-shadow-deep);

	cursor: pointer;
}


.closepopstund:hover::after {
	background: var(--owlh-accent-soft);
	border-color: var(--owlh-border-strong);

	color: var(--owlh-accent-hover);
}


/* =========================================================
   DAS EIGENTLICHE POPUPFENSTER
========================================================= */

.popstund {
	position: relative;
	z-index: 10;

	width: min(1180px, calc(100vw - 48px));
	max-width: 1180px;

	max-height: calc(100vh - 48px);
	max-height: calc(100dvh - 48px);

	overflow: hidden;

	background: var(--owlh-surface-raised);
	border: 1px solid var(--owlh-border-strong);
	box-shadow: 0 20px 60px var(--owlh-shadow-deep);

	color: var(--owlh-text);

	text-align: left;
}


/*
   Wichtig:
   Das Fenster selbst liegt über .closepopstund.
   Klicks innerhalb des Stundenplans treffen daher NICHT
   die Schließen-Fläche.
*/

.popstund::before {
	content: "Stundenplan";

	position: sticky;
	z-index: 30;
	top: 0;

	height: 40px;

	padding: 11px 54px 10px 17px;

	display: block;

	background: var(--owlh-nav-bg);
	border-bottom: 1px solid var(--owlh-border-strong);

	color: var(--owlh-nav-muted);

	font-size: 8px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .13em;

	text-transform: uppercase;
}


/* =========================================================
   SCROLLCONTAINER IM POPUP
========================================================= */

.popstund-scroll {
	width: 100%;

	max-height: calc(100vh - 88px);
	max-height: calc(100dvh - 88px);

	padding: 18px;

	overflow: auto;

	overscroll-behavior: contain;

	scrollbar-width: thin;
	scrollbar-color: var(--owlh-scroll-thumb) var(--owlh-scroll-track);
}


.popstund-scroll::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}


.popstund-scroll::-webkit-scrollbar-track {
	background: var(--owlh-scroll-track);
}


.popstund-scroll::-webkit-scrollbar-thumb {
	background: var(--owlh-scroll-thumb);
}


.popstund-scroll::-webkit-scrollbar-thumb:hover {
	background: var(--owlh-scroll-hover);
}


/* =========================================================
   STUNDENPLAN-INHALT
========================================================= */

.stundenplan-overview {
	width: 100%;

	color: var(--owlh-text);

	font-family: var(--owlh-font-body);
	font-size: 11px;
	line-height: 1.45;
}


.stundenplan-overview a {
	color: var(--owlh-accent);
	text-decoration: none;
}


.stundenplan-overview a:hover {
	color: var(--owlh-accent-hover);
}


/* =========================================================
   STUNDENPLAN-TITEL IM POPUP
========================================================= */

.stundenplan-overview > h3 {
	position: relative;

	margin: 0 0 15px;
	padding: 0 0 9px;

	color: var(--owlh-accent);

	font-family: var(--owlh-font-serif);
	font-size: 23px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2;

	text-align: left;
}


.stundenplan-overview > h3::after {
	content: "";

	position: absolute;
	left: 0;
	bottom: 0;

	width: 46px;
	height: 1px;

	background: var(--owlh-accent);
}


/* persönlicher Stundenplan */

.popstund-scroll > .stundenplantitle {
	margin-bottom: 16px;

	font-size: 20px;

	text-align: left;
}


.popstund-scroll > .stundenplantitle::after {
	left: 0;
	transform: none;
}


/* =========================================================
   TABELLE
========================================================= */

.sp-table {
	width: 100%;
	min-width: 940px;

	margin: 0;

	border: 1px solid var(--owlh-border);
	border-collapse: separate;
	border-spacing: 0;

	background: var(--owlh-surface);

	table-layout: fixed;

	color: var(--owlh-text);

	font-size: 10px;
	line-height: 1.4;
}


/* =========================================================
   WOCHENTAGE
========================================================= */

.sp-table th {
	position: sticky;
	z-index: 5;
	top: 0;

	height: 38px;

	padding: 8px 6px;

	background: var(--owlh-nav-bg);
	border-right: 1px solid var(--owlh-border-strong);
	border-bottom: 1px solid var(--owlh-border-strong);

	color: var(--owlh-nav-text);

	font-size: 8px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .075em;

	text-align: center;
	text-transform: uppercase;
}


.sp-table th:last-child {
	border-right: 0;
}


/* =========================================================
   UHRZEIT
========================================================= */

.sp-table th:first-child,
.sp-table td:first-child {
	width: 84px;
	min-width: 84px;
	max-width: 84px;
}


.sp-table th:first-child {
	z-index: 9;
	left: 0;
}


.sp-table td:first-child {
	position: sticky;
	z-index: 4;
	left: 0;

	padding: 8px 6px;

	background: var(--owlh-surface-soft);
	border-right: 1px solid var(--owlh-border);
	border-bottom: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text-muted);

	font-size: 8px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: .045em;

	text-align: center;

	white-space: nowrap;
}


/* =========================================================
   UNTERRICHTSZELLEN
========================================================= */

.sp-table td.sp-td {
	height: 62px;

	padding: 5px;

	vertical-align: middle;

	background: var(--owlh-surface-raised);
	border-right: 1px solid var(--owlh-border-soft);
	border-bottom: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text-soft);

	text-align: center;
}


.sp-table td.sp-td:last-child {
	border-right: 0;
}


.sp-table tr:last-child td {
	border-bottom: 0;
}


/* Wochenende */

.sp-table th:nth-child(7),
.sp-table th:nth-child(8) {
	color: var(--owlh-nav-muted);
}


.sp-table td:nth-child(7),
.sp-table td:nth-child(8) {
	background: var(--owlh-surface-soft);
}


/* =========================================================
   UNTERRICHTSBLOCK
========================================================= */

.sp-parallel-block {
	position: relative;

	min-height: 42px;

	padding: 7px 26px 7px 7px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-surface);
	border: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text);

	font-family: var(--owlh-font-serif);
	font-size: 11px;
	font-weight: normal;
	line-height: 1.35;

	text-align: center;
}


/* =========================================================
   LEHRER-BADGE
========================================================= */

.sp-teacher-circle {
	position: absolute;
	right: 4px;
	top: 4px;

	width: 21px;
	height: 21px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-accent-soft);
	border: 1px solid var(--owlh-border-strong);
	border-radius: 50%;

	color: var(--owlh-accent-hover);

	font-family: var(--owlh-font-body);
	font-size: 6.5px;
	font-weight: 700;
	line-height: 1;

	cursor: help;
}


/* =========================================================
   MAHLZEIT
========================================================= */

.sp-table td.sp-meal {
	background: var(--owlh-selected-bg);
}


.sp-table td.sp-meal .sp-parallel-block {
	background: var(--owlh-selected-bg);
	border-color: var(--owlh-selected-border);

	color: var(--owlh-gold);

	font-family: var(--owlh-font-body);
	font-size: 8px;
	font-weight: 700;
	letter-spacing: .07em;

	text-transform: uppercase;
}


/* =========================================================
   LESEHILFE
========================================================= */

.sp-table tbody tr:hover td.sp-td {
	border-bottom-color: var(--owlh-border-strong);
}


.sp-table tbody tr:hover td:first-child {
	color: var(--owlh-accent);
}


/* =========================================================
   STACKING-SCHUTZ
   Hauspunkte oder Forumbit dürfen das Popup nicht überdecken.
========================================================= */

.owlf-special-embed {
	position: relative;
	z-index: auto !important;

	overflow: visible !important;
}


.owlf-special-embed .owlhp-grid,
.owlf-special-embed .owlhp-house {
	z-index: 0 !important;
}


.infopopstund {
	z-index: 2147483000 !important;
}


.infopopstund .closepopstund {
	z-index: 1 !important;
}


.infopopstund .popstund {
	z-index: 10 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

	.stundenplan-headergrid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.stundenplan-points {
		grid-column: 1 / -1;
		grid-row: 1;
	}

	.stundenplan-action:first-child {
		grid-column: 1;
		grid-row: 2;
	}

	.stundenplan-action:last-child {
		grid-column: 2;
		grid-row: 2;
	}

	.stundenplan-headergrid .kullera {
		min-height: 76px;
	}

	.infopopstund {
		padding: 15px !important;
	}

	.popstund {
		width: calc(100vw - 30px);

		max-height: calc(100dvh - 30px);
	}

	.popstund-scroll {
		max-height: calc(100dvh - 70px);

		padding: 14px;
	}

	.closepopstund::after {
		top: 23px;
		right: 23px;
	}

	.sp-table {
		min-width: 880px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 650px) {

	.stundenplan-headergrid {
		padding: 12px;

		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.stundenplan-headergrid .kullera {
		min-height: 68px;

		padding: 8px 6px;

		font-size: 7px;
	}

	.stundenplan-headergrid .radius30 {
		width: 32px !important;
		height: 32px !important;

		font-size: 11px;
	}

	.infopopstund {
		padding: 6px !important;
	}

	.popstund {
		width: calc(100vw - 12px);
		max-width: none;

		max-height: calc(100dvh - 12px);
	}

	.popstund::before {
		height: 37px;

		padding: 10px 47px 9px 13px;
	}

	.popstund-scroll {
		max-height: calc(100dvh - 49px);

		padding: 11px;
	}

	.closepopstund::after {
		top: 12px;
		right: 12px;

		width: 29px;
		height: 29px;
	}

	.stundenplan-overview > h3 {
		font-size: 20px;
	}

	.sp-table {
		min-width: 820px;

		font-size: 9.5px;
	}

	.sp-table th:first-child,
	.sp-table td:first-child {
		width: 72px;
		min-width: 72px;
		max-width: 72px;
	}

	.sp-table td.sp-td {
		height: 58px;
		padding: 4px;
	}

	.sp-parallel-block {
		min-height: 39px;

		padding: 6px 24px 6px 5px;

		font-size: 10px;
	}

	.sp-teacher-circle {
		width: 19px;
		height: 19px;

		font-size: 6px;
	}

}


/* =========================================================
   KLEINE SMARTPHONES
========================================================= */

@media (max-width: 420px) {

	.stundenplan-headergrid {
		grid-template-columns: 1fr;
	}

	.stundenplan-points,
	.stundenplan-action:first-child,
	.stundenplan-action:last-child {
		grid-column: 1;
	}

	.stundenplan-points {
		grid-row: 1;
	}

	.stundenplan-action:first-child {
		grid-row: 2;
	}

	.stundenplan-action:last-child {
		grid-row: 3;
	}

	.stundenplan-headergrid .kullera {
		min-height: 58px;

		flex-direction: row;

		text-align: left;
	}

	.stundenplan-headergrid .radius30 {
		margin: 0 !important;

		flex: 0 0 auto;
	}

}

/* =========================================================
   OWLWAYS — STUNDENPLAN IM USERPROFIL
   Kompakte Variante für die schmalere Profilspalte.

   Anwendung:
   Den vorhandenen Stundenplan im Profil lediglich in

   <div class="stundenplan-profile">
       {$stundenplan}
   </div>

   einschließen.

   Das große Stundenplan-Popup auf dem Index wird davon NICHT verändert.
========================================================= */


/* =========================================================
   WRAPPER
========================================================= */

.stundenplan-profile {
	width: 100%;
	max-width: 100%;

	margin: 0;
	padding: 0;

	overflow: hidden;

	color: var(--owlh-text);

	font-family: var(--owlh-font-body);
}


/* Falls der Stundenplan innerhalb einer Tabellenzelle steckt,
   darf er diese nicht künstlich verbreitern. */
.stundenplan-profile,
.stundenplan-profile .stundenplan-overview,
.stundenplan-profile .stundenplan-overview * {
	box-sizing: border-box;
	min-width: 0;
}


/* =========================================================
   ÜBERSICHT
========================================================= */

.stundenplan-profile .stundenplan-overview {
	width: 100%;
	max-width: 100%;

	margin: 0;

	overflow-x: auto;
	overflow-y: visible;

	scrollbar-width: thin;
	scrollbar-color: var(--owlh-scroll-thumb) var(--owlh-scroll-track);
}


.stundenplan-profile .stundenplan-overview::-webkit-scrollbar {
	height: 5px;
}


.stundenplan-profile .stundenplan-overview::-webkit-scrollbar-track {
	background: var(--owlh-scroll-track);
}


.stundenplan-profile .stundenplan-overview::-webkit-scrollbar-thumb {
	background: var(--owlh-scroll-thumb);
}


/* =========================================================
   JAHRGANGSTITEL
========================================================= */

.stundenplan-profile .stundenplan-overview > h3 {
	position: relative;

	margin: 0 0 9px;
	padding: 0 0 6px;

	color: var(--owlh-accent);

	font-family: var(--owlh-font-serif);
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2;

	text-align: left;
}


.stundenplan-profile .stundenplan-overview > h3::after {
	content: "";

	position: absolute;
	left: 0;
	bottom: 0;

	width: 32px;
	height: 1px;

	background: var(--owlh-accent);
}


/* =========================================================
   KOMPAKTE TABELLE
========================================================= */

.stundenplan-profile .sp-table {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;

	margin: 0;

	border: 1px solid var(--owlh-border);
	border-collapse: separate;
	border-spacing: 0;

	table-layout: fixed;

	background: var(--owlh-surface);

	color: var(--owlh-text);

	font-size: 8px;
	line-height: 1.2;
}


/* =========================================================
   WOCHENTAGE
========================================================= */

.stundenplan-profile .sp-table th {
	position: static;

	height: 26px;

	padding: 4px 2px;

	background: var(--owlh-nav-bg);
	border-right: 1px solid var(--owlh-border-strong);
	border-bottom: 1px solid var(--owlh-border-strong);

	color: var(--owlh-nav-text);

	font-size: 7px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: .035em;

	text-align: center;
	text-transform: uppercase;

	white-space: nowrap;
}


.stundenplan-profile .sp-table th:last-child {
	border-right: 0;
}


/* =========================================================
   UHRZEITSPALTE
========================================================= */

.stundenplan-profile .sp-table th:first-child,
.stundenplan-profile .sp-table td:first-child {
	width: 50px !important;
	min-width: 50px !important;
	max-width: 50px !important;
}


.stundenplan-profile .sp-table td:first-child {
	position: static;

	padding: 4px 2px;

	background: var(--owlh-surface-soft);
	border-right: 1px solid var(--owlh-border);
	border-bottom: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text-muted);

	font-size: 6.5px;
	font-weight: 700;
	line-height: 1.15;

	text-align: center;

	white-space: normal;
}


/* Uhrzeit platzsparender: "8 - 8.50" etc. bleibt umbrechbar. */
.stundenplan-profile .sp-table td:first-child {
	overflow-wrap: anywhere;
}


/* =========================================================
   FACHZELLEN
========================================================= */

.stundenplan-profile .sp-table td.sp-td {
	height: 39px;

	padding: 2px;

	vertical-align: middle;

	background: var(--owlh-surface-raised);
	border-right: 1px solid var(--owlh-border-soft);
	border-bottom: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text-soft);

	text-align: center;

	overflow: hidden;
}


.stundenplan-profile .sp-table td.sp-td:last-child {
	border-right: 0;
}


.stundenplan-profile .sp-table tr:last-child td {
	border-bottom: 0;
}


/* Wochenende etwas zurücknehmen */
.stundenplan-profile .sp-table th:nth-child(7),
.stundenplan-profile .sp-table th:nth-child(8) {
	color: var(--owlh-nav-muted);
}


.stundenplan-profile .sp-table td:nth-child(7),
.stundenplan-profile .sp-table td:nth-child(8) {
	background: var(--owlh-surface-soft);
}


/* =========================================================
   UNTERRICHTSBLOCK
========================================================= */

.stundenplan-profile .sp-parallel-block {
	position: relative;

	width: 100%;
	min-height: 30px;

	padding: 4px 17px 4px 3px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-surface);
	border: 1px solid var(--owlh-border-soft);

	color: var(--owlh-text);

	font-family: var(--owlh-font-body);
	font-size: 7.5px;
	font-weight: normal;
	line-height: 1.15;

	text-align: center;

	overflow-wrap: anywhere;
	hyphens: auto;
}


/* =========================================================
   LEHRERKÜRZEL
========================================================= */

.stundenplan-profile .sp-teacher-circle {
	position: absolute;

	top: 2px;
	right: 2px;

	width: 14px;
	height: 14px;

	display: flex;
	align-items: center;
	justify-content: center;

	background: var(--owlh-accent-soft);
	border: 1px solid var(--owlh-border-strong);
	border-radius: 50%;

	color: var(--owlh-accent-hover);

	font-family: var(--owlh-font-body);
	font-size: 5px;
	font-weight: 700;
	line-height: 1;

	cursor: help;
}


/* =========================================================
   MITTAGSPAUSE
========================================================= */

.stundenplan-profile .sp-table td.sp-meal {
	background: var(--owlh-selected-bg);
}


.stundenplan-profile .sp-table td.sp-meal .sp-parallel-block {
	background: var(--owlh-selected-bg);
	border-color: var(--owlh-selected-border);

	color: var(--owlh-gold);

	font-size: 6.5px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: .025em;

	text-transform: uppercase;
}


/* =========================================================
   LEERE ZELLEN
========================================================= */

.stundenplan-profile .sp-table td.sp-td:empty {
	background: var(--owlh-surface-soft);
}


/* =========================================================
   OPTIONAL: PERSÖNLICHER TITEL DIREKT VOR DER ÜBERSICHT
========================================================= */

.stundenplan-profile > .stundenplantitle {
	margin: 0 0 8px;
	padding: 0 0 6px;

	color: var(--owlh-accent) !important;

	font-family: var(--owlh-font-serif);
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.25;

	text-align: left;
}


.stundenplan-profile > .stundenplantitle::after {
	left: 0;
	width: 30px;

	transform: none;
}


/* =========================================================
   SCHMALE PROFILBEREICHE
   Erst hier bekommt die Tabelle eine kleine Mindestbreite
   und scrollt innerhalb ihres eigenen Wrappers, statt die
   Profiltabelle auseinanderzudrücken.
========================================================= */

@media (max-width: 720px) {

	.stundenplan-profile .sp-table {
		min-width: 620px !important;
	}

	.stundenplan-profile .stundenplan-overview {
		padding-bottom: 4px;
	}

}


/* =========================================================
   SEHR SCHMALE ANSICHT
========================================================= */

@media (max-width: 480px) {

	.stundenplan-profile .sp-table {
		min-width: 560px !important;
	}

	.stundenplan-profile .sp-table td.sp-td {
		height: 36px;
	}

	.stundenplan-profile .sp-parallel-block {
		min-height: 27px;

		font-size: 7px;
	}

}