.Schachtel {
	margin: 0 auto;
	max-width: 1200px;
	align-content: center;
    width: 98vw;
    height: 120vh;
    
    display: grid;    
    grid-template-columns: 18% 32% 32% 18%;
    grid-template-rows: 10% 40% 40% 10%;
    grid-template-areas:
        "kopf kopf kopf navi"
        "artikel artikel artikel navi"
        "artikel artikel artikel navi"
        "artikel artikel artikel navi";    
}
.Kopf {
	grid-area: kopf;
	background: #e9e9e9;
	border-bottom-style: ridge;  
	box-shadow: -4px -4px 20px #eeeeee inset;  
	padding: 0.8em;
	background-size: contain;
	background-image: url("../seite/LogoFKSUKtransp.png");
	text-align: center;
	text-shadow: 0px 4px 4px #909090;
	color: black;
	font-size: 2em;
}
.Artikel {
	grid-area: artikel;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.1em;
	padding-right: 0.1em;
   background: #eeeeee;
   color: darkred;
   font-size: 1.2em;   
}
.BildFlussR {
	margin: 1em;
	float: left;
	}
article ol { list-style-type: upper-roman; font-weight: bold; padding-bottom: 0.5em;}
article ol ol { list-style-type: decimal; font-weight: normal; padding-top: 0.3em;}


.flach1 figure, figcaption {
	margin: 0;
	padding: 0;
}
.flach1 figure {
	display: inline-block;
}

.flach1 figure img {
	width: 200px;
}

.oben {
	vertical-align: top;
}
.flach1 figure {
	z-index: 4;
	min-width: 33%;
	background-color: #ffffcc;
	text-align: center;
	text-indent: inherit;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	border: 0;
	margin: 0;
	padding: 0;
	transition: 1ms;
	box-shadow: 0;
	}
.flach1 figure:hover {
	z-index: 5;	
	box-shadow: 0;
	background-color: #ffffdd;
	}
.flach1 figure img:hover {
	filter: brightness(1.2); 
	filter: contrast(1);
	}




mark {
	text-decoration: blink;
	color: red;
	text-shadow: 3px 3px 5px grey;
	background-color: #ffffee;
	}
.InfoBox {
	float: left;
	font-variant: inherit;
	font-size: 80%;
	border-color: darkolivegreen;
	border-style: solid;
	border-width: medium;
	padding: 0.5em;
	margin: 0.5em;
	width: 50%;
	}


@media screen and (max-width: 900px) {
	.schachtel {
		width: 99vw;
		height: 200vh;
		display: grid;    
		grid-template-columns: 13% 70% 17%;
		grid-template-rows: 15% 85%;
		grid-template-areas:
			"kopf kopf navi"
			"artikel artikel artikel"
    }
    .Kopf {
		grid-area: kopf;
		}
	.Artikel {
		grid-area: artikel;
		}
}

.Zeige1 img:hover {
	height: 40%;
	width: auto;
	background-color: whitesmoke;
	transition: all .7s ease-in-out;
	border-color: darkolivegreen;
	border-style: solid;
	border-width: medium;
	padding: 0.4em;
	margin: 0.5em;
	position: absolute;
}

.nachwort {
	background-color: #e9e9e9;
	padding: 0.5em;
	
}