Vorlage:Belege/styles.css

/* ******************
* Styles für die Beleglisten 
* ******************** */

/* Basis-Styles */
.reflist {
	margin-bottom: .6rem;
	font-size: 90%;
}

.reflist ol {
  list-style-type: decimal;
}

/* Listenstyles für die Aufzählungen konsequent fortführen */

.reflist-upper-alpha ol{
	list-style-type: upper-alpha;
}

.reflist-upper-roman ol{
	list-style-type: upper-roman;
}

.reflist-lower-alpha ol{
	list-style-type: lower-alpha;
}

.reflist-intern ol,
.reflist-lower-greek ol {
	list-style-type: lower-greek;
}

.reflist-notes ol,
.reflist-lower-roman ol{
	list-style-type: lower-roman;
}


/* ********************
* Styles für Belege im Fließtext 
* (Web/Literatur/Journal/Media) 
* ********************** */

.citation { 
	font-style: normal; 
	line-height: 1.45; 
}

/* kleine Badges/Hinweise */
.citation .cite-lang,
.citation .cite-note,
.citation .cite-archive,
.citation .cite-pdf,
.citation .cite-access,
.citation .cite-paywall {
	opacity: 0.9;
	font-size: 0.95em;
	white-space: nowrap;
}

/* Ikonen dezent einrücken */
.citation i { 
	margin: 0 2px; 
}

/* Archiv / PDF visuell etwas betonen */
.citation .cite-archive i,
.citation .cite-pdf i {
	opacity: 0.95;
}

/* Zugriffshinweise – jetzt mit echter Optik */
.citation .cite-access {
	padding: 0 0.25em;
	border: 1px solid #9aa6b2;
	border-radius: 0.25em;
	color: #334155;
}
.citation .cite-paywall {
	padding: 0 0.25em;
	border: 1px solid #d97706;
	border-radius: 0.25em;
	color: #92400e;
}

/* Links im Zitat: normal, aber klar erkennbar */
.citation a { 
	text-decoration: underline; 
}

/* kleine Spationierung für Klammer-Hinweise */
.citation .cite-note,
.citation .cite-archive { 
	margin-left: 0.15em; 
}

/* Offline-Hinweis hervorheben */
.cite-offline {
	background-color: #FFF1A4;
}

/* Inline-Badges für Belege: Web, Media, Data usw. */
.cite-platform {
    display: inline-flex;
    align-items: center;
    gap: 0.15em;                /* optische Luft zwischen Icon und Text */
    font-size: 0.90em;         /* leicht kleiner, damit’s nicht schreit */
    padding: 0.05em 0.25em;    /* minimaler Innenabstand */
    border-radius: 3px;        /* dezente Rundung */
    line-height: 1.3;
    vertical-align: baseline;  /* Icons folgen dem Textfluss */
}

/* FontAwesome-Icons im Badge */
.cite-platform i {
    font-size: 0.95em;         /* leicht kleiner, harmoniert mit Textgröße */
    opacity: 0.85;             /* bisschen dezenter */
}

/* Fehlerhinweise in Belegen */
.cite-error {
    color: #b00000;               /* gut sichtbar, aber nicht Neonrot */
    font-weight: 600;             /* leicht betont */
    font-style: italic;           /* Hinweis-Charakter */
    padding: 0 0.2em;
}


/* Druck */
@media print {
	.citation a { text-decoration: underline; }
}