/*
 * Glossar (dpn_glossary) - Uebersicht & Detail
 *
 * Bewusst NICHT in main.css: die wird extern per CodeKit gebaut und wuerde diese
 * Regeln beim naechsten Build ueberschreiben. Sobald die Regeln in der CodeKit-Quelle
 * angekommen sind, kann diese Datei entfallen (Include in
 * Configuration/TypoScript/page/setup.typoscript mit entfernen).
 */

/* --- Buchstabenleiste (Ankernavigation) ------------------------------------ */

/* Buchstaben ohne Begriffe waren bisher optisch nicht von aktiven zu unterscheiden */
.dpnglossary.pagination ul li.empty {
	background: #c9d5dc;
	color: #fff;
	cursor: default;
}

/* Die Kreise sind fix 35x35px - "0-9" braucht mehr Platz */
.dpnglossary.pagination ul li.character--wide {
	width: auto;
	min-width: 35px;
	padding: 0 12px;
	border-radius: 18px;
}

/* Ganze Kachel klickbar (main.css setzt hier padding: 5px) */
.dpnglossary.pagination ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0;
	text-decoration: none;
}

/* --- Uebersicht ------------------------------------------------------------ */

.glossary-overview .glossary-group {
	/* Ankersprung nicht unter den Header schieben */
	scroll-margin-top: 120px;
	margin-bottom: 40px;
}

.glossary-overview .glossary-group__letter {
	margin: 0 0 15px;
	padding-bottom: 8px;
	border-bottom: 2px solid #11a6e5;
	color: #11a6e5;
}

.glossary-overview .glossary-list {
	margin: 0;
}

.glossary-overview .glossary-list__term {
	margin-top: 20px;
	font-weight: 600;
}

.glossary-overview .glossary-list__term:first-child {
	margin-top: 0;
}

.glossary-overview .glossary-list__term a {
	text-decoration: none;
}

.glossary-overview .glossary-list__term a:hover {
	color: #ee7202;
	text-decoration: underline;
}

.glossary-overview .glossary-list__teaser {
	margin: 4px 0 0;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.glossary-overview .glossary-list__term + .glossary-list__term {
	padding-top: 20px;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

/* --- Detailseite ----------------------------------------------------------- */

.dpnglossary.details .termType {
	margin-top: 30px;
	font-style: italic;
}