/* 
	CSS- Datei: aside.css
*/

@media only screen and (min-width: 1081px) {
	aside {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		min-height: 100vh;
		width: calc(100vw - 985px);
		font-size: 1.0vw;
/*		background-image: linear-gradient(to right, 
			rgb(227, 6, 19) 14%, rgb(235, 233, 233) 14%,
			rgb(235, 233, 233) 20%, rgb(183, 190, 207) 20%,
			rgb(183, 190, 207) 25%, rgb(32, 13, 0) 25%,
			rgb(32, 13, 0) 27%, rgb(255, 221, 0) 27%,
			rgb(255, 221, 0) 50%, rgb(246, 246, 246) 50%,
			rgb(246, 246, 246) 25%); */
	} 
	
	aside div {
		display: none;
	}
}


@media only screen and (min-width: 1280px) {
	aside {
/*		background-image: linear-gradient(to right, 
			rgb(227, 6, 19) 4%, rgb(235, 233, 233) 4%,
			rgb(235, 233, 233) 6%, rgb(183, 190, 207) 6%,
			rgb(183, 190, 207) 10%, rgb(32, 13, 0) 10%,
			rgb(32, 13, 0) 11%, rgb(255, 221, 0) 11%,
			rgb(255, 221, 0) 19%, rgb(246, 246, 246) 19%,
			rgb(246, 246, 246) 25%); */
		font-size: 1.0vw;
	}

	aside div {
		display: block;
		position: relative;
		width: 100%;
		min-height: 100vh;
		overflow: hidden;
	}
	

	
	aside div figure {
		position: relative;
		padding: 0;
		margin: 15vh 0 0 5%;
		width: 68%;
		height: 0;
		padding-top: 0;
		padding-bottom: 51%;
		overflow: hidden;
		color: rgb(0, 79, 159);
		background-color: rgb(246, 246, 246);
		border: solid 0.05vw rgb(0, 79, 159);
		border-radius: 0.5vmin;
		z-index: 120;
	}

	aside div figure img {
		width: 85%;
		display: block;
		margin: 3% auto 0 auto;
		border-radius: 1.2vmin;
	}
	aside div figure figcaption {
		position: absolute;
		bottom: 0.25em;
		width: 100%;
		text-align: center;
		font-size: 1em;
		font-style: italic;
		padding-bottom: 0.2em;
		color: rgb(0, 79, 159);
	}
	p.sourceInfo {
		margin: 0;
		padding: 1em;
		text-align: right;
		position: relative;
		top: -2.5vh;
		margin-left: 17.5%;
		padding-top: 2.3em;
		font-size: 0.9em;
		width: 57%;
		color: rgb(246, 246, 246);
		background-color: rgb(0, 79, 159);
		border-radius: 1vmin;
	}
	aside article {
		width: 68%;
		margin-left: 28.5%;
		margin-top: 2vh;
		color: rgb(32, 13, 0);
		background-color: rgb(235, 233, 233);
		padding: 1em;
		border-radius: 1vw;
		border: solid 0.05vh rgb(0, 79, 159);
	}
	article h2 {
		font-size: 1.5em;
		letter-spacing: 0.25em;
		margin-top: 0;
		text-align: right;
		color: rgb(0, 79, 159);	/* 183, 190, 207 */
	}
	article h2.fullLength { display: none}
	article h2.short { display: block}
	article dl {
		font-size: 1.1em;
		margin-top: 1.5em;
	}
	article dl dt {
		font-weight: 700;
		font-size: 1.15em;
	}
	article dl dd {
		margin-top: 0.5em;
	}
	article dl dd cite {
		font-style: italic;
	}
	article dl dd cite::before { content: "»"}
	article dl dd cite::after { content: "«"}
	
	article dl dd a.sourceLink {
		color: rgb(0, 79, 159);
		text-decoration: underline;
	}
	article dl dd a.sorceLink:link, article dl dd a.sourceLink:visited {
		color: rgb(0, 79, 159);
		text-decoration: underline;
	}
	article dl dd a.sourceLink:hover, article dl dd a.sourceLink:focus {
		text-decoration: underline;
		color: rgb(227, 6, 19);
	}
	article dl dd a.sourceLink:active {
		text-decoration: underline;
		color: rgb(255, 221, 0);
	}
}


@media only screen and (min-width: 1400px) {
	aside div figure {
		margin-top: 3.5vh;
		border: solid 0.05vw rgb(0, 79, 159);
	}
	aside div figure figcaption {
		font-size: 1.35em;
	}
	
	aside article {
		margin-top: 15vh;
		padding-left: 2em;
	}
	article h2 {
		font-size: 1.5em;
		letter-spacing: 0.10em;
	}
	article h2.fullLength { display: block}
	article h2.short { display: none}
	article dl {
		font-size: 1.1em;
		margin-top: 1.5em;
	}
	article dl dt {
		font-weight: 700;
		font-size: 1.15em;
	}
}

@media only screen and (min-width: 1660px) {
	aside article {
		position: absolute;
		bottom: 5vh;
	}
}

/*
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
*/