/*
	footnotes.css
*/

.footnoteText {
	display: none;
	color: rgb(32, 13, 0);
	max-height: 14em;
	overflow: scroll;
	font-size: 85%;
	padding: 1.4em 1.05em 0.7em 2em;
	margin: 0.5rem 0;
	border-top: 1px solid rgb(183, 190, 207);
	border-right: 0.7vmin solid rgb(183, 190, 207);
	border-bottom: 1px solid rgb(183, 190, 207);
	border-left: 2vmin solid rgb(183, 190, 207);
	text-align: left;
	background-color: rgb(246, 246, 246);
	box-shadow: 2px 4px 12px rgba(183, 190, 207, 0.8);
	left: 2.5em;
	z-index: 130;
}

.footnoteIndex {
	font-size: 70%;
	display: inline-block;
	margin: 0 0.15em;
	padding: 0 0.85em;
	background-color: rgb(183, 190, 207);
	border-radius: 0.25em;
	position: relative;
	top: -0.45em;
}

.indexInCite {
	display: inline-block;
	width: 1.5em;
	font-style: normal;
	font-weight: 700;
	font-size: 0.75em;
}

.clickOutside {
	position: fixed;
	top: 0;
	left: 0;
	/* hochformatig */
	width: 100vmin;
	height: 100vmax;
}

/* querformatig */
@media only screen and (orientation: landscape) {
	.clickOutside {
		width: 100vmax;
		height: 100vmin;
	}
}


@media only screen and (min-width: 760px) {
  .footnoteIndex {
    font-size: 55%;
    top: -0.65em;
  }
  .footnoteText {
    left: 3.5em;
  }
}

@media only screen and (min-width: 1081px) {
	.footnoteText {
		left: calc(100vw - 985px + 3.5em);
	}
}

a.footnoteIndex:link {
	text-decoration: none;
	color: rgb(0, 79, 159);
}
a.footnoteIndex:visited {
	color: rgb(0, 79, 159);
}
a.footnoteIndex:hover {
	color: rgb(0, 79, 159);
	text-decoration: underline;
	font-weight: 700;
	background-color: rgb(255, 221, 0);
}
a.footnoteIndex:focus {
	color: rgb(0, 79, 159);
	text-decoration: underline;
}
a.footnoteIndex:active {
	color: rgb(183, 190, 207);
	text-decoration: underline;
}

a.vanish {
	font-size: 80%;
}
/*
.vanish::before { content: "[ ";}
.vanish::after   { content: " ]";}
*/
a.vanish:link {
	text-decoration: none;
	font-style: italic;
	font-weight: 400;
}

a.vanish:link {
	color: rgb(32, 13, 0);
}
a.vanish:visited {
	color: rgb(32, 13, 0);
}
a.vanish:hover {
	color: rgb(255, 221, 0);
	text-decoration: underline;	
}
a.vanish:focus {
	color: rgb(0, 79, 159);
	text-decoration: underline;	
}
a.vanish:active {
	color: rgb(32, 13, 0);
	text-decoration: underline;
}

/*
Die FARBEN
Blau:
0, 79, 159

Rot:
227, 6, 19

Gelb
255, 221, 0

Grau
183, 190, 207

Hellgrau
235, 233, 233

Weiß
246, 246, 246

Filmschwarz
32, 13, 0
*/