body{
	margin:0px;
	font-family:arial;
	display:grid;
	background-color:#f1f3f4;
	background-image:
		linear-gradient(rgba(75, 88, 98, .32) 1px, transparent 1px),
		linear-gradient(90deg, rgba(75, 88, 98, .32) 1px, transparent 1px);
	background-size:24px 24px;
	}
#kopf{
	/*background-color:#130f40;*/
	position:relative;
	overflow:hidden;
	height:180px;
	background-color:#0b1741;
	background-image:linear-gradient(90deg,rgba(7,16,44,.5),rgba(7,16,44,.08)),url("Bilder/header_neu.png");
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% 100%,contain;
	}

#kopf::before{
	position:absolute;
	inset:0;
	content:"";
	background:linear-gradient(90deg,rgba(5,13,38,.78) 0%,rgba(5,13,38,.56) 38%,rgba(5,13,38,.12) 76%,transparent 100%);
	pointer-events:none;
	}

#navigation a{
	width:92.5%;
	float:left;
	color:white;
	text-decoration:none; 
	display:inline-block;
	padding-top:5px; 
	padding-bottom:5px; 
	text-orientation:center;
	text-align:center;
	background-color: #535c68;
	border-right:solid 1px white;
	}


#kopf a{
	position:relative;
	z-index:1;
	color:white;
	text-decoration:none;
	font-size:200%;
	font-weight:bold;
	text-shadow:0 2px 8px rgba(0,0,0,.72);
	padding-top:100px; 
	padding-left:15px; 
	display:inline-block;
	}
#gruen {
	border-top:solid 5px #6ab04c;
	color:#535c68;
	}

#rot {
	border-top:solid 5px #eb4d4b;
	background-color:#535c68;
	}
#gelb {
	border-top:solid 5px #f9ca24;
	}
#orange {
	border-top:solid 5px #f0932b;
	}
#navigation ul {
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
    }

#navigation li.topmenu {
    float:left;
    display:inline-block;
    width:33.2%;
    border-right:solid 1px;
    }
.topmenu ul{
    display:none;
    }
.topmenu a, .submenu a{
    padding:15px;
    color:white;
    font-weight:bold;
    text-decoration:none;
    margin:0;
    display: inline-block;
    width: 33.2%;
    }
.submenu a{
    font-size:12px;
    display:inline-block;
    width:33.2%;
    position:relative;
    clear:both; /* special IE6 */
    }

#navigation a:hover,.topmenu.on a {
    color:white;
    background-color:#95afc0 !important;
    }

.topmenu:hover ul {
    display:block;
    z-index:500;
   }
	
.start_grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2px;
	grid-auto-rows: minmax(100px, auto);
	padding-bottom:50px;
	min-height:100%;
	}
.header {
	grid-column: 1 / 4;
	grid-row: 1;
	}

.menue{
	grid-column:1/4;
	grid-row:2;
	max-height:10px;
	}

#links{
	grid-column:1/2;
	grid-row:3;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}

#links:hover{
	background-color:#c9cdd2;
	}
	
#links a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#mathe{
	grid-column:2/3;
	grid-row:3;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#mathe:hover{
	background-color:#c9cdd2;
	}

#mathe a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#076a35;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#info{
	grid-column:3/4;
	grid-row:3;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be; 
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}

#info:hover{
	background-color:#c9cdd2;
	}
	
#info a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EE5A24;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

.image { 
	margin-top:50px;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

#ueberschrift{		
	grid-column:1/4;
	grid-row:3;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:80px;
	} 
	
#ueberschrift a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	font-weight:bold;
	font-size:200%;
	text-shadow:2px 5px 5px gray;
	}

#klasse5{
	grid-column:1/2;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse5 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#klasse5:hover{
	background-color:#c9cdd2;
	}
	
#klasse6{
	grid-column:2/3;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse6 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#076a35;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse6:hover{
	background-color:#c9cdd2;
	}

#klasse7{
	grid-column:3/4;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse7 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EE5A24;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse7:hover{
	background-color:#c9cdd2;
	}

#klasse8{
	grid-column:1/2;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse8 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse8:hover{
	background-color:#c9cdd2;
	}
	
#klasse9{
	grid-column:2/3;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	background-color:#a4b0be; 
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse9 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#076a35;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse9:hover{
	background-color:#c9cdd2;
	}

#klasse10{
	grid-column:3/4;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	background-color:#a4b0be;
	box-shadow:10px 10px 15px gray,  rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse10 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EE5A24;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#klasse10:hover{
	background-color:#c9cdd2;
	}

#klasse1112{
	grid-column:1/2;
	grid-row:6;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse1112 a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse1112:hover{
	background-color:#c9cdd2;
	}
	
#klasse7inf{
	grid-column:1/2;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be; 
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse7inf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#klasse7inf:hover{
	background-color:#c9cdd2;
	}

#klasse8inf{
	grid-column:2/3;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse8inf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#076a35;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse8inf:hover{
	background-color:#c9cdd2;
	}

	
#klasse9inf{
	grid-column:3/4;
	grid-row:4;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:-50px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse9inf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EE5A24;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}

#klasse9inf:hover{
	background-color:#c9cdd2;
	}


#klasse10inf{
	grid-column:1/2;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse10inf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EA2027;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse10inf:hover{
	background-color:#c9cdd2;
	}


#klasse1112LKinf{
	grid-column:3/3;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse1112LKinf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#EE5A24;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse1112LKinf:hover{
	background-color:#c9cdd2;
	}

#klasse1112GKinf{
	grid-column:2/3;
	grid-row:5;
	align-content: center;
	border:5px #ff3654;
	border-radius: 20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#a4b0be;
	box-shadow: 10px 10px 15px gray, rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
	height:300px;
	}
	
#klasse1112GKinf a{
	display: inline-block;
	text-align:center;
	margin-top:20px;
	width:100%;
	color:#076a35;
	font-weight:bold;
	font-size:120%;
	text-shadow:2px 5px 5px gray;
	}
	
#klasse1112GKinf:hover{
	background-color:#c9cdd2;
	}

.sidebar{
	grid-column:1/2;
	grid-row:3;
}
	
.sidebar ul{
	list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
	margin-top:-66px;
	}

.lb{
	background-color: #c9cdd2;
	border:solid 1px white;
	padding-left:10px;
	height:70px;
	vertical-align:center;
	width:60%;
	display:inline-block;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.lb a{
	text-decoration:none;
	color:black;
	margin-top:5px;
	width:100%;
	display:inline-block;
}

.klasse{
	background-color: #b0b4b8;
	border:solid 1px white;
	padding-left:10px;
	height:40px;
	vertical-align:center;
	width:60%;
	display:inline-block;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.klasse a{
	margin-top:10px;
	font-size:120%;
	display:inline-block;
}

.markiert{
	background-color: #b0b4b8;
	border:solid 1px white;
	padding-left:10px;
	height:70px;
	vertical-align:center;
	width:60%;
	display:inline-block;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.markiert a{
	text-decoration:none;
	color:black;
	margin-top:5px;
	width:100%;
	display:inline-block;
}

.lb:hover{
	background-color: #b0b4b8;
}

.iframe{
	grid-column:2/4;
	grid-row:3;
	background-color: white;
	border:solid 1px white;
	display:inline-block;
	margin-left:-150px;
	margin-top:-65px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	width:115%;
	height:105%;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.iframe2{
	grid-column:2/4;
	grid-row:4;
	background-color: white;
	border:solid 1px white;
	display:inline-block;
	margin-left:-150px;
	margin-top:15px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	width:115%;
	height:95%;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.iframe3{
	grid-column:2/4;
	grid-row:5;
	background-color: white;
	border:solid 1px white;
	display:inline-block;
	margin-left:-150px;
	margin-top:15px;
	padding-top:20px;
	padding-left:20px;
	margin-bottom:20px;
	width:115%;
	height:80%;
	box-shadow: rgba(50, 50, 100, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.iframe a{
	margin-bottom:15px;
	display:inline-block;
}

.iframe3 a{
	margin-bottom:15px;
	display:inline-block;
}

.iframe2 a{
	margin-bottom:15px;
	display:inline-block;
}



#footer{
	align-content: right;
	border:5px #ff3654;
	background-color:#535c68;
	height:30px;
	position: fixed;
	left: 0;
	bottom: 0px;
	width:100%;
  
}

#footer a{
	margin-top:5px;
	display:inline-block;
	text-align: right;
	width: 98%;
	float:left;
	color:white;
	text-decoration:none;
	font-weight:bold;
}

:root{
	--site-ink:#26323b;
	--site-muted:#53616b;
	--site-line:#d4d9dd;
	--site-paper:#f7f8f8;
	--site-red:#eb4d4b;
	--site-green:#6ab04c;
	--site-yellow:#f9ca24;
	--site-orange:#f0932b;
	--card-red:#963a3d;
	--card-green:#376446;
	--card-orange:#85501f;
}

body{
	min-height:100vh;
	color:var(--site-ink);
	font-family:Arial, sans-serif;
}

.start_grid{
	width:min(100%, 1240px);
	box-sizing:border-box;
	margin:0 auto;
	padding:0 24px 48px;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	grid-auto-rows:auto;
	column-gap:18px;
	row-gap:18px;
}

.header{
	grid-column:1 / -1;
	grid-row:auto;
}

#kopf{
	height:clamp(112px, 24vw, 316px);
	background-position:center;
	background-size:100% 100%,contain;
}

#kopf a{
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:flex;
	align-items:flex-end;
	padding:0 20px 18px;
	font-size:30px;
	text-shadow:0 2px 5px rgba(0,0,0,.35);
}

.menue{
	position:relative;
	z-index:5;
	grid-column:1 / -1;
	grid-row:auto;
	margin-top:-18px;
	max-height:none;
}

#navigation > ul{
	display:flex;
	gap:2px;
}

#navigation li.topmenu{
	position:relative;
	flex:1;
	width:auto;
	float:none;
	display:block;
	border:0;
}

#navigation .topmenu > a{
	float:none;
	width:auto;
	display:block;
	padding:12px 16px;
	text-align:left;
	border-right:0;
	border-top-width:4px;
}

#navigation .topmenu ul{
	position:absolute;
	top:100%;
	left:0;
	min-width:100%;
	width:max-content;
	max-width:min(320px, 90vw);
	background:#535c68;
	box-shadow:0 8px 20px rgba(28,38,46,.2);
}

#navigation .topmenu:hover > ul,
#navigation .topmenu:focus-within > ul{
	display:block;
}

#navigation .submenu a{
	box-sizing:border-box;
	float:none;
	width:100%;
	padding:10px 14px;
	font-size:14px;
}

#navigation a:focus-visible,
.start_grid > a:focus-visible,
.sidebar a:focus-visible{
	outline:3px solid var(--site-yellow);
	outline-offset:3px;
	position:relative;
	z-index:8;
}

.start_grid > #links,
.start_grid > #mathe,
.start_grid > #info,
.start_grid > #klasse5,
.start_grid > #klasse6,
.start_grid > #klasse7,
.start_grid > #klasse8,
.start_grid > #klasse9,
.start_grid > #klasse10,
.start_grid > #klasse1112,
.start_grid > #klasse7inf,
.start_grid > #klasse8inf,
.start_grid > #klasse9inf,
.start_grid > #klasse10inf,
.start_grid > #klasse1112GKinf,
.start_grid > #klasse1112LKinf{
	--card-accent:var(--card-red);
	grid-column:auto;
	grid-row:auto;
	min-width:0;
	min-height:220px;
	height:auto;
	margin:0;
	padding:20px 16px;
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:14px;
	border:1px solid var(--site-line);
	border-top:4px solid var(--card-accent);
	border-radius:6px;
	background:linear-gradient(145deg, #f5f6f7 0%, #e9ecef 62%, #e1e4e7 100%);
	box-shadow:0 5px 14px rgba(35,48,58,.1);
	text-decoration:none;
	text-align:center;
	transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.start_grid > #links,
.start_grid > #mathe,
.start_grid > #info{
	background:linear-gradient(145deg, #c7cbd0 0%, #b8bec3 62%, #a9b0b6 100%);
}

.start_grid > #mathe,
.start_grid > #klasse6,
.start_grid > #klasse8,
.start_grid > #klasse1112GKinf{
	--card-accent:var(--card-green);
}

.start_grid > #info,
.start_grid > #klasse7,
.start_grid > #klasse10,
.start_grid > #klasse9inf,
.start_grid > #klasse1112LKinf{
	--card-accent:var(--card-orange);
}

.start_grid > #klasse5,
.start_grid > #klasse6,
.start_grid > #klasse7,
.start_grid > #klasse8,
.start_grid > #klasse9,
.start_grid > #klasse10,
.start_grid > #klasse1112,
.start_grid > #klasse7inf,
.start_grid > #klasse8inf,
.start_grid > #klasse9inf,
.start_grid > #klasse10inf,
.start_grid > #klasse1112GKinf,
.start_grid > #klasse1112LKinf{
	border-top:1px solid var(--site-line);
	background:linear-gradient(145deg, #c7cbd0 0%, #b8bec3 62%, #a9b0b6 100%);
}

.start_grid > #klasse5:hover,
.start_grid > #klasse6:hover,
.start_grid > #klasse7:hover,
.start_grid > #klasse8:hover,
.start_grid > #klasse9:hover,
.start_grid > #klasse10:hover,
.start_grid > #klasse1112:hover,
.start_grid > #klasse7inf:hover,
.start_grid > #klasse8inf:hover,
.start_grid > #klasse9inf:hover,
.start_grid > #klasse10inf:hover,
.start_grid > #klasse1112GKinf:hover,
.start_grid > #klasse1112LKinf:hover{
	background:linear-gradient(145deg, #d0d4d8 0%, #c1c7cb 62%, #b4bbc0 100%);
}

.start_grid > a:hover{
	transform:translateY(-3px);
	background:linear-gradient(145deg, #d3d7da 0%, #c5cacf 62%, #b7bdc2 100%);
	box-shadow:0 10px 22px rgba(35,48,58,.16);
}

.start_grid > a .image{
	width:100%;
	margin:0;
}

.start_grid > a img{
	width:min(140px, 60%);
	height:auto;
	max-height:140px;
	object-fit:contain;
}

.start_grid > a span{
	max-width:30ch;
	color:var(--card-accent);
	font-size:18px;
	font-weight:700;
	line-height:1.35;
	text-shadow:none;
}

.start_grid > #ueberschrift{
	grid-column:1 / -1;
	grid-row:auto;
	min-height:0;
	height:auto;
	margin:0;
	padding:18px;
	border:1px solid var(--site-line);
	border-radius:6px;
	background:linear-gradient(145deg, #c7cbd0 0%, #b8bec3 62%, #a9b0b6 100%);
	box-shadow:0 5px 14px rgba(35,48,58,.1);
}

#ueberschrift a{
	margin:0;
	color:var(--site-ink);
	font-size:25px;
	text-align:left;
	text-shadow:none;
}

.sidebar{
	grid-column:1 / 2;
	grid-row:3 / span 5;
	min-width:0;
}

.sidebar ul{
	margin:0;
}

.lb,
.markiert,
.klasse{
	box-sizing:border-box;
	width:100%;
	height:auto;
	min-height:58px;
	margin:0 0 6px;
	padding:12px 14px;
	border:1px solid var(--site-line);
	border-radius:4px;
	box-shadow:none;
}

.lb a,
.markiert a{
	margin:0;
	line-height:1.35;
}

.klasse a{
	margin:0;
	font-size:16px;
}

.iframe,
.iframe2,
.iframe3{
	grid-column:2 / -1;
	width:auto;
	min-width:0;
	height:auto;
	min-height:360px;
	margin:0;
	padding:18px;
	box-sizing:border-box;
	border:1px solid var(--site-line);
	border-radius:4px;
	background:rgba(255,255,255,.94);
	box-shadow:0 5px 14px rgba(35,48,58,.08);
}

.iframe iframe,
.iframe2 iframe,
.iframe3 iframe{
	max-width:100%;
}

#footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	position:static;
	grid-column:1 / -1;
	width:100%;
	height:auto;
	min-height:38px;
	border:0;
	background:#535c68;
}

#footer a{
	display:inline-block;
	float:none;
	width:auto;
	margin:0;
	padding:10px 24px;
	text-align:left;
	color:#fff;
	text-decoration:none;
}

#footer a:last-child{
	text-align:right;
}

.legal-content{
	grid-column:1 / -1;
	width:min(100%, 880px);
	margin:0 auto;
	padding:28px 32px;
	box-sizing:border-box;
	border:1px solid var(--site-line);
	border-radius:6px;
	background:#fff;
	box-shadow:0 5px 14px rgba(35,48,58,.08);
}

.legal-content section + section{
	margin-top:24px;
}

.legal-index{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 24px;
}

.legal-index a{
	display:inline-flex;
	align-items:center;
	min-height:42px;
	padding:8px 16px;
	box-sizing:border-box;
	border:1px solid #a9b0b6;
	border-radius:6px;
	background:linear-gradient(145deg, #c7cbd0 0%, #b8bec3 62%, #a9b0b6 100%);
	box-shadow:0 3px 9px rgba(35,48,58,.1);
	color:var(--site-ink);
	font-weight:700;
}

.legal-index a:hover,
.legal-index a:focus-visible{
	background:linear-gradient(145deg, #d0d4d8 0%, #c1c7cb 62%, #b4bbc0 100%);
	text-decoration:none;
}

.legal-content h2{
	margin:0 0 8px;
	font-size:19px;
}

.legal-content p,
.legal-content address{
	margin:0;
	color:var(--site-muted);
	font-size:16px;
	font-style:normal;
	line-height:1.65;
}

.legal-content h3{
	margin:20px 0 8px;
	font-size:17px;
}

.legal-content a{
	color:#464feb;
	text-decoration:none;
}

.legal-content a:hover,
.legal-content a:focus-visible{
	text-decoration:underline;
}

.legal-content table{
	width:100%;
	border-collapse:collapse;
}

.legal-content tr th,
.legal-content tr td{
	border:1px solid #e6e6e6;
	padding:8px 10px;
	text-align:left;
}

.legal-content tr th{
	background-color:#f5f5f5;
}

.legal-notice{
	margin-bottom:24px !important;
	padding:12px 14px;
	border-left:4px solid var(--site-orange);
	background:#f2f4f5;
	color:var(--site-ink) !important;
}

@media (max-width:760px){
	.start_grid{
		padding:0 16px 32px;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:14px;
	}

	.menue{
		margin-top:-14px;
	}

	#kopf{
		height:130px;
	}

	#kopf a{
		padding:0 16px 14px;
		font-size:25px;
	}

	.sidebar{
		grid-column:1 / -1;
		grid-row:auto;
	}

	.iframe,
	.iframe2,
	.iframe3{
		grid-column:1 / -1;
	}

	.start_grid > #ueberschrift{
		grid-column:1 / -1;
	}
}

@media (max-width:520px){
	.start_grid{
		padding:0 12px 24px;
		grid-template-columns:minmax(0, 1fr);
		gap:12px;
	}

	.menue{
		margin-top:-14px;
	}

	#navigation > ul{
		flex-wrap:wrap;
	}

	#navigation li.topmenu{
		flex:1 1 100%;
	}

	#navigation .topmenu ul{
		position:static;
		width:100%;
		max-width:none;
		box-shadow:none;
	}

	.start_grid > #links,
	.start_grid > #mathe,
	.start_grid > #info,
	.start_grid > #klasse5,
	.start_grid > #klasse6,
	.start_grid > #klasse7,
	.start_grid > #klasse8,
	.start_grid > #klasse9,
	.start_grid > #klasse10,
	.start_grid > #klasse1112,
	.start_grid > #klasse7inf,
	.start_grid > #klasse8inf,
	.start_grid > #klasse9inf,
	.start_grid > #klasse10inf,
	.start_grid > #klasse1112GKinf,
	.start_grid > #klasse1112LKinf{
		min-height:180px;
	}

	.iframe,
	.iframe2,
	.iframe3{
		padding:12px;
	}

	#footer a{
		padding:10px 12px;
	}

	.legal-content{
		padding:22px 18px;
	}
}

:root{
	--site-ink:#202b33;
	--site-muted:#4d5a63;
	--site-line:#c3cbd1;
	--site-paper:#f1f3f4;
}

.start_grid{
	max-width:1320px;
	padding-right:28px;
	padding-left:28px;
	column-gap:20px;
	row-gap:20px;
}

#kopf{
	height:clamp(112px, 24vw, 316px);
	background-position:center;
	background-size:100% 100%,contain;
}

#kopf a{
	padding:0 24px 20px;
	font-size:32px;
}

.menue{
	margin-top:-20px;
}

#navigation > ul{
	align-items:stretch;
	gap:5px;
	padding:5px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:6px;
	background:#48515a;
	box-shadow:0 5px 14px rgba(28,38,46,.16);
}

#navigation li.topmenu{
	border-radius:4px;
}

#navigation .topmenu > a{
	min-height:48px;
	box-sizing:border-box;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:4px;
	transition:background-color .16s ease, color .16s ease;
}

#navigation .topmenu > a:hover,
#navigation .topmenu > a:focus-visible{
	background-color:#687681 !important;
}

#navigation .topmenu ul{
	margin-top:5px;
	padding:5px;
	border:1px solid rgba(255,255,255,.18);
	border-radius:5px;
	background:#424a52;
	box-shadow:0 12px 24px rgba(24,34,42,.24);
}

#navigation .submenu a{
	min-height:40px;
	display:flex;
	align-items:center;
	border-radius:3px;
	line-height:1.3;
}

#navigation .submenu a:hover,
#navigation .submenu a:focus-visible{
	background:#687681;
}

.start_grid > #links,
.start_grid > #mathe,
.start_grid > #info,
.start_grid > #klasse5,
.start_grid > #klasse6,
.start_grid > #klasse7,
.start_grid > #klasse8,
.start_grid > #klasse9,
.start_grid > #klasse10,
.start_grid > #klasse1112,
.start_grid > #klasse7inf,
.start_grid > #klasse8inf,
.start_grid > #klasse9inf,
.start_grid > #klasse10inf,
.start_grid > #klasse1112GKinf,
.start_grid > #klasse1112LKinf{
	min-height:232px;
	border-radius:5px;
	box-shadow:0 4px 11px rgba(31,43,51,.13);
	transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.start_grid > a:hover{
	filter:brightness(1.04);
	box-shadow:0 10px 20px rgba(31,43,51,.18);
}

.start_grid > #ueberschrift{
	padding:16px 20px;
	border-left:4px solid var(--site-green);
	border-radius:5px;
	background:linear-gradient(145deg,#dce0e3 0%,#cbd1d5 100%);
}

#ueberschrift a{
	font-size:23px;
}

.sidebar{
	padding:14px;
	border:1px solid var(--site-line);
	border-radius:5px;
	background:rgba(255,255,255,.56);
}

.sidebar ul{
	display:grid;
	gap:6px;
}

.lb,
.markiert,
.klasse{
	min-height:52px;
	margin:0;
	padding:10px 12px;
	border-radius:4px;
	background:#e0e4e7;
	transition:background-color .16s ease, border-color .16s ease;
}

.markiert{
	border-left:4px solid var(--site-green);
	background:#d4dbdf;
}

.lb:hover{
	background:#d2d8dc;
}

.klasse{
	background:#c9d0d5;
}

.iframe,
.iframe2,
.iframe3{
	border-color:#c8cfd4;
	border-radius:5px;
	background:#fff;
	box-shadow:0 5px 16px rgba(31,43,51,.1);
}

.iframe iframe,
.iframe2 iframe,
.iframe3 iframe{
	display:block;
	width:100%;
	border:0;
	border-radius:3px;
}

#footer{
	border-radius:4px 4px 0 0;
	box-shadow:0 -3px 12px rgba(31,43,51,.08);
}

#footer a:hover,
#footer a:focus-visible{
	color:#f9ca24;
	text-decoration:underline;
}

@media (max-width:760px){
	.start_grid{
		padding-right:18px;
		padding-left:18px;
		column-gap:14px;
		row-gap:14px;
	}

	.menue{
		margin-top:-14px;
	}

	#kopf{
		height:clamp(112px, 24vw, 182px);
	}

	#kopf a{
		padding:0 18px 16px;
		font-size:27px;
	}

	.sidebar{
		padding:12px;
	}
}

@media (max-width:520px){
	.start_grid{
		padding-right:12px;
		padding-left:12px;
	}

	.menue{
		margin-top:-14px;
	}

	#navigation > ul{
		gap:3px;
		padding:4px;
	}

	#navigation .topmenu > a{
		justify-content:flex-start;
		padding:11px 14px;
	}

	#navigation .topmenu ul{
		margin-top:2px;
		padding:3px;
	}

	.start_grid > #links,
	.start_grid > #mathe,
	.start_grid > #info,
	.start_grid > #klasse5,
	.start_grid > #klasse6,
	.start_grid > #klasse7,
	.start_grid > #klasse8,
	.start_grid > #klasse9,
	.start_grid > #klasse10,
	.start_grid > #klasse1112,
	.start_grid > #klasse7inf,
	.start_grid > #klasse8inf,
	.start_grid > #klasse9inf,
	.start_grid > #klasse10inf,
	.start_grid > #klasse1112GKinf,
	.start_grid > #klasse1112LKinf{
		min-height:190px;
	}

	#footer a{
		padding:10px 12px;
	}
}