/* ---------------- Links und Navigation */
body        {margin:3%;font-family:'Open Sans Condensed',sans-serif;overflow:auto;background:darkslategray;}

.text {padding:0px 15px 0px 15px;color:silver;line-height:150%;}

a:link 		{color:silver;text-decoration:none;}
a:visited 	{color:silver;text-decoration:none;}
a:hover 	{color:gold;text-decoration:underline;}
a:active 	{color:silver;text-decoration:none;}
a:focus 	{outline:none;}
a:after {content:"»";margin-left:3px;}

a.ohne:link 	{color:white;text-decoration:none}
a.ohne:visited 	{color:white;text-decoration:none}
a.ohne:hover 	{color:white;text-decoration:none}
a.ohne:active 	{color:black;text-decoration:none}
a.ohne:after {}

cite		{font-style:normal;}
cite:before	{content:"„"}
cite:after	{content:"“"}

div {box-sizing:border-box;}
.container {
	display:grid;
	justify-items:stretch;
	align-items:bottom;
	grid-template-columns:400px 400px;
	grid-template-rows:400px 1fr 1fr 70px;
	grid-gap:15px;
	margin:auto;
	color:silver;
	}
.side1 {
	grid-column:1 / 2;
	grid-row:1 / 2;
	}
.side2 {
	grid-column:2 / 3;
	grid-row:1 / 2;
	}
.side3, .side4 {
	display:none;
	}
.typename {
	grid-column:1 / 3;
	grid-row:2 / 3;
	background:linear-gradient(dimgray,darkslategray);
	padding-top:20px;
	}
.content{
	grid-column:1 / 3;
	grid-row:3 / 4;
	}
.footer {
	grid-column:1 / 3;
	grid-row:4 / 5;
	border-top:1px solid black;
	padding:6px 0px;
	color:gray;
	text-align:right;
	font-size:150%}

.footer:hover {
	cursor:pointer;
	border-top-color:silver;
	color:darkslategray;}
.footer:hover:after {
	margin-left:1em;
	content:'next';
	color:gold;}
	
@media screen and (min-width:1600px) {
.container {
	display:grid;
	grid-template-columns:400px auto 400px;
	grid-template-rows:400px auto 70px;
	grid-gap:15px;
	}
.side1 {
	grid-column:1 / 2;
	grid-row:1 / 2;
	}
.side2 {
	grid-column:3 / 4;
	grid-row:1 / 2;
	}
.side3, .side4 {
	display:block;
	}
.typename {
	grid-column:2 / 3;
	grid-row:1 / 2;
	}
.content{
	grid-column:2 / 3;
	grid-row:2 / 3;
	}
.footer {
	grid-column:1 / 4;
	grid-row:3 / 4;
	}
}	