.light{
	 color: #080f0f;
	 background-color: #ecdeda;
}
.light-m{
	background-color: #8fc0c0; 
}

 .prav{
	width: 50%;
	}

.f150{
	font-size: 150%;
	}
.wrapper{
	display:grid;
	grid-template-columns:repeat(12,1fr);
	grid-template-rows:40px 100px 40ps;
}
.header{
	grid-column:span 12;
	border-radius: 8px;
	padding-top: 18px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 6px;
}
.panel{
	grid-column:span 2;
	border-radius: 8px;
	padding-top: 6px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 6px;
	margin: 0px,10px,10px,0px;
	border: 1px solid #bfbfbf;
	display: block;
	background-color: #daeffb; 
}
.content{
	grid-column:span 8;
	padding-top: 6px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 6px;
}
.menu{
	grid-column:span 2;
  border-radius: 8px;
	padding-top: 6px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 6px;
	margin: 0px,10px,10px,0px;
	border: 1px solid #bfbfbf;
	display: block;
	background-color: #daeffb; 
}
.footer{
	grid-column:span 12;
	padding-top: 6px;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
}

@media screen and (max-width:680px){
	.header{
		grid-column:span 12;
	}
	.panel{
		grid-column:span 3;
	}
	.content{
		grid-column:span 6;
	}
	.menu{
		grid-column:span 3;
	}
	.footer{
		grid-column:span 12;
	}
}

#griline{
	display: grid;
	grid-template-columns: repeat(auto-fill,
			 minmax(150px, 1fr));
	grid-gap: 2vw;
}

#content{
    float: right;
}

.sopr_form {
	border-radius: 0.5em;
}
.scrolled{
	overflow: scroll;
}
.bold{font-style: oblique;}
.daun{
	cursor: crosshair;
}
.links{
	cursor: pointer;
}

.andere{
	cursor: progress;
}

img {
	border-radius: 8px;
  max-width: 100%;
	
}
/*
img:hover {
	transform: scale(1.7); 
	transition-duration: 1s;
	transition-timing-function: ease-out;
}
*/
	summary {
		font-size: 150%;
	}

h1,h2,h3,h4,h5{
    text-align: center;
}