fs-content-login fieldset{
	border:0;
	border-top: 1px solid #d9d9d9;
	box-sizing: border-box;
	margin-top:1rem;
}

fs-content-login legend{
	font-size:1.1rem;
	color:#002a40;
	border: 0;
	box-sizing: border-box;
}

fs-content-login input[type=text], fs-content-login input[type=password] {
	width: 100%;
	padding: 0.8rem 1rem;
	margin: 0.25rem 0;
	box-sizing: border-box;
	background:rgba(246,195,19,0.05);
	border:1px solid #d9d9d9;
	border-radius:0.5rem;
	transition: 0.6s;
}

fs-content-login input[type=text]:focus, fs-content-login input[type=password]:focus{
	background:rgba(246,195,19,0.25);
}

fs-content-login input[type=submit], fs-content-login button[type=submit]{
	background: rgba(235,234,223);
	border: 1px solid #d9d9d9;
	border-radius:0.5rem;
	color: #000;
	padding: 1rem 2rem;
	text-align: center;
	font-size: 1.4rem;
	margin: 0;
	opacity: 1;
	transition: 0.25s;
}
fs-content-login input[type=submit]:hover, fs-content-login button[type=submit]:hover{
	background: rgba(14,73,15,0.15);
	opacity:1;
	cursor:pointer;
}
fs-content-login input[type=submit]:hover i, fs-content-login button[type=submit]:hover i{
	color:#ff0000;
}
fs-content-login input[type=submit] i, fs-content-login button[type=submit] i{
	margin-right:1rem;
}

fs-content-content h3, h4{
	font-size:1.4rem;
	font-weight:600;
	padding: 0 1rem;
	color:#002a40;
}
fs-content-content highlightbox{
	padding:0;
	text-align:center;
	display:block;
	width:70%;
	min-width:30rem;
	min-height:6rem;
	margin:auto;
	font-size:1.3rem;
	font-weight:600;
	padding-right:15rem;
	background-image: url("../images/Tastmaus.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size:contain;
}

.methode-grid-box1-bg, .methode-grid-box2-bg, .methode-grid-box3-bg{display:block;min-height:15rem;}
.methode-grid-box1-bg{background:url("../images/methode-grid-box1-bg.jpg");background-position:top center;background-size:cover;}
.methode-grid-box2-bg{background:url("../images/methode-grid-box2-bg.jpg");background-position:top center;background-size:cover;}
.methode-grid-box3-bg{background:url("../images/methode-grid-box3-bg.jpg");background-position:top center;background-size:cover;}
.methode-grid-arrvertical1, .methode-grid-arrvertical2{display:block;line-height:5rem;text-align:center;font-size:3rem;}


@media screen and (min-width:60rem){
	/* -------------------------------------------------------------------------------------------------------------------------------------------- Content Grid */
	
	fs-content-content{grid-area:fs-content;padding:1rem 1rem 0 1rem;}
	fs-content-article{grid-area:fs-article;padding:1rem 1rem 0 1rem;}
	fs-content-sidebox{grid-area:fs-sidebox;padding:1rem 1rem 0 1rem;}
	
	fs-content-login{grid-area:fs-login;border:1px solid #d9d9d9;margin:2rem 1rem 0 0;padding-bottom:2rem;}
	fs-content-interest{grid-area:fs-interest;padding:0;border:1px solid #d9d9d9;margin:2rem 1rem 0 0;background:#efefef;}

	fs-content-grid{
		display: grid;
		grid-template-columns: 1fr 25rem;
		grid-column-gap:2rem;
		grid-row-gap:0;
		grid-template-rows: auto 1fr;
		grid-template-areas:
		"fs-content fs-sidebox"
		"fs-article fs-sidebox"
		;
		padding-bottom:5rem;
	}
	
	fs-sidebox-grid{
		display:grid;
		grid-template-columns: 1fr;
		grid-column-gap:2rem;
		grid-row-gap:2rem;
		grid-template-rows: 1fr;
		grid-template-areas:
		"fs-login"
		"fs-interest"
	}
	#content-flex{
		display:flex;
		flex-wrap:no-wrap;
	}
	#methode-listing{
		margin-left:2rem;
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------- Grid Methode */
	.methode-grid-box1{grid-area: grid-methode-box1;}
	.methode-grid-arrvertical1{grid-area: grid-methode-arrvertical1;}
	.methode-grid-box3{grid-area: grid-methode-box3;}
	.methode-grid-arrvertical2{grid-area: grid-methode-arrvertical2;}
	.methode-grid-box5{grid-area: grid-methode-box5;}
	.methode-grid-arrhorizontal1{grid-area: grid-methode-arrhorizontal1;display:none;}
	.methode-grid-arrhorizontal2{grid-area: grid-methode-arrhorizontal2;display:none;}

	.grid-box-methode{
		display:grid;
		grid-template-areas:
		'grid-methode-box1'
		'grid-methode-arrvertical1'
		'grid-methode-box3'
		'grid-methode-arrvertical2'
		'grid-methode-box5';
		row-gap: 1rem;
		align-content: top;
		align-items: top;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		text-align:center;
		font: 100%/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size: 1.3rem;font-size: calc(1vw + 1vh + 1vmin);padding:0;
		color:#000;
	}
}

@media screen and (min-width:45rem) and (max-width:60rem){
	/* -------------------------------------------------------------------------------------------------------------------------------------------- Content Grid */
	fs-content-content{grid-area:fs-content;padding:1rem 1rem 0 1rem;}
	fs-content-article{grid-area:fs-article;padding:1rem 1rem 0 1rem;}
	fs-content-sidebox{grid-area:fs-sidebox;padding:1rem 1rem 0 1rem;}
	
	fs-content-login{grid-area:fs-login;border:1px solid #d9d9d9;margin:2rem 1rem 0 0;padding-bottom:2rem;}
	fs-content-interest{grid-area:fs-interest;padding:0;border:1px solid #d9d9d9;margin:2rem 1rem 0 0;background:#efefef;}

	fs-content-grid{
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap:0;
		grid-row-gap:0;
		grid-template-rows: auto;
		grid-template-areas:
		"fs-content"
		"fs-article"
		"fs-sidebox"
		;
	}
	fs-sidebox-grid{
		display:grid;
		grid-template-columns: 25rem 25rem;
		grid-column-gap:0;
		grid-row-gap:0;
		grid-template-rows: auto;
		grid-template-areas:
		"fs-login fs-interest";
		padding-bottom:5rem;
		justify-content:center;
	}
	#content-flex{
		display:flex;
		flex-wrap:no-wrap;
	}
	#methode-listing{
		margin-left:2rem;
	}

	/* ---------------------------------------------------------------------------------------------------------------------------------------------- Grid Methode */
	.methode-grid-box1{grid-area: grid-methode-box1;}
	.methode-grid-arrvertical1{grid-area: grid-methode-arrvertical1;}
	.methode-grid-box3{grid-area: grid-methode-box3;}
	.methode-grid-arrvertical2{grid-area: grid-methode-arrvertical2;}
	.methode-grid-box5{grid-area: grid-methode-box5;}
	.methode-grid-arrhorizontal1{grid-area: grid-methode-arrhorizontal1;display:none;}
	.methode-grid-arrhorizontal2{grid-area: grid-methode-arrhorizontal2;display:none;}

	.grid-box-methode{
		display:grid;
		grid-template-areas:
		'grid-methode-box1'
		'grid-methode-arrvertical1'
		'grid-methode-box3'
		'grid-methode-arrvertical2'
		'grid-methode-box5';
		row-gap: 2rem;
		align-content: top;
		align-items: top;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		text-align:center;
		font: 100%/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size: 1.3rem;font-size: calc(1vw + 1vh + 1vmin);padding:0;
		color:#000;
	}
}

@media screen and (max-width:45rem){
	/* -------------------------------------------------------------------------------------------------------------------------------------------- Content Grid */
	fs-content-content{grid-area:fs-content;padding:1rem 1rem 0 1rem;}
	fs-content-article{grid-area:fs-article;padding:1rem 1rem 0 1rem;}
	fs-content-sidebox{grid-area:fs-sidebox;padding:1rem 1rem 0 1rem;}
	
	fs-content-login{grid-area:fs-login;border:1px solid #d9d9d9;margin:2rem 1rem 0 1rem;padding-bottom:2rem;}
	fs-content-interest{grid-area:fs-interest;padding:0;border:1px solid #d9d9d9;margin:2rem 1rem 0 0;background:#efefef;}
	
	fs-content-grid{
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap:0;
		grid-row-gap:0;
		grid-template-rows: auto;
		grid-template-areas:
		"fs-content"
		"fs-article"
		"fs-sidebox"
		;
	}
	fs-sidebox-grid{
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap:0;
		grid-row-gap:0;
		grid-template-rows: auto;
		grid-template-areas:
		"fs-login fs-interest";
		padding-bottom:5rem;
		justify-content:center;
	}
	
	#methode-listing{
		margin-left:0rem;
	}
	
	.methode-grid-box1{grid-area: grid-methode-box1;}
	.methode-grid-arrvertical1{grid-area: grid-methode-arrvertical1;}
	.methode-grid-box3{grid-area: grid-methode-box3;}
	.methode-grid-arrvertical2{grid-area: grid-methode-arrvertical2;}
	.methode-grid-box5{grid-area: grid-methode-box5;}

	.grid-box-methode{
		display:grid;
		grid-template-columns: 25rem;
		grid-column-gap:0;
		grid-row-gap:0;
		grid-template-rows: auto;
		grid-template-areas:
		"grid-methode-box1"
		"grid-methode-arrvertical1"
		"grid-methode-box3"
		"grid-methode-arrvertical2"
		"grid-methode-box5"
		;
		padding-bottom:5rem;
		justify-content:center;
	}
}



.fscontent-image#start{
	display:block;
	width:100%;
	min-height:40rem;
	max-width:120rem;
	background-image: url("../images/topbox-bg-charity.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	margin:auto;
}

.fscontent-item{
	display:block;
	background:#fff;
	width:100%;
	min-height:40rem;
	max-width:120rem;
	margin:auto;
}